4 Replies Latest reply on Jun 29, 2010 6:44 AM by jerry98225

    Simple layout question....

    jerry98225 Level 1

      Hi guys.

         I am trying to align my elements inside a panel container. My panel has horizontal layout and two VGroup inside it. My VGroup has horizontalAlign=right setup. I want another group that is inside the VGroup align left. I can't get it to work. Any helps will be appreciated. Thanks.

       

       

       

       

      <s:Panel  width="600" height="480">

      <s:layout>

      <s:HorizontalLayout paddingTop="10"/>

      </s:layout>

       

       

      //first VGroup

       

       

      <s:VGroup paddingTop="5" horizontalAlign="center">

      <mx:Image source="{pictureBig}" width="295" height="271"/>

      <s:Button id="switchView" label="View Current" click="switchView_clickHandler(event)"/>

      </s:VGroup>

       

       

      //Second VGroup

       

      <s:VGroup horizontalAlign="right" width="220" paddingTop="5">

       

       

       

       

      <s:HGroup  verticalAlign="middle">

      <s:Label styleName="Label" text="aaaaa"/>

      <s:TextInput styleName="Label" text="{dataFromClick.getItemAt(0).dvd}"/>

      </s:HGroup>

       

       

       

       

       

      ----

      ---- //at least 3 HGroups here....

      ----

       

       

       

       

       

      <s:HGroup  verticalAlign="middle">

      <s:Label styleName="Label" text="bbbbb"/>

      <s:TextInput styleName="Label" text="{dataFromClick.getItemAt(0).dvd}"/>

      </s:HGroup>

       

       

       

       

      //I want the last HGroup align Left...

      <s:HGroup  verticalAlign="middle">

      <s:TextInput styleName="Label" text="{dataFromClick.getItemAt(0).dvd}"/>

      </s:HGroup>

       

       

       

       

       

       

      </s:VGroup>