3 Replies Latest reply on Oct 17, 2007 12:54 AM by JabbyPandaUA

    Form / FormItem alignment

    bitwyse Level 1
      Hi All,

      I am trying to layout a form that has two columns. I am using Form and FormItems . . .. It seems when I use HBox and VBox theh alignment of the formItems gets screwed up. They don't line up like they do when I don't use the HBox and VBox's

      Any ideas why? Here is a sample of the code:

      <mx:Form width="100%">
      <mx:HBox width="100%">
      <mx:VBox width="100%">
      <mx:FormItem label="First">
      <mx:Text text="{model.getEmpProfile.empProfileVO.empFirstName}"/>
      </mx:FormItem>
      <mx:FormItem label="Last">
      <mx:Text text="{model.getEmpProfile.empProfileVO.empLastName}"/>
      </mx:FormItem>
      <mx:FormItem label="Address">
      <mx:Text text="{model.getEmpProfile.empProfileVO.empAddress1}"/>
      <mx:Text text="{model.getEmpProfile.empProfileVO.empAddress2}"/>
      </mx:FormItem>
      <mx:HBox>
      <mx:FormItem>
      <mx:Text text="{model.getEmpProfile.empProfileVO.empCity}"/>
      <mx:Text text="{model.getEmpProfile.empProfileVO.empState}, "/>
      <mx:Text text="{model.getEmpProfile.empProfileVO.empZIP}"/>
      </mx:FormItem>
      </mx:HBox>
      </mx:VBox>
      <mx:VBox width="100%">
      <mx:FormItem label="Status">
      <mx:Text text="{model.getEmpProfile.empProfileVO.empStatus}"/>
      </mx:FormItem>

      <mx:FormItem label="Type">
      <mx:Text text="{model.getEmpProfile.empProfileVO.empType}"/>
      </mx:FormItem>

      <mx:FormItem label="Employee ID">
      <mx:Text text="{model.getEmpProfile.empProfileVO.empID}"/>
      </mx:FormItem>

      <mx:FormItem label="Notes ID">
      <mx:Text text="{model.getEmpProfile.empProfileVO.empNotesID}"/>
      </mx:FormItem>
      </mx:VBox>
      </mx:HBox>