1 Reply Latest reply on Jun 10, 2009 9:55 AM by Flex harUI

    Extra white space

    Zolotoj Level 3

      Here is a fragment  of my form design:

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

      <mx:FormItem

       

       

      width="100%" direction="horizontal" label="Contacts">

       

       

      <mx:DataGrid id="custcontacts" fontSize="10

      "

      width="

       

      100%" height="70%" creationComplete="contactList()"

      >

       

       

      <mx:columns>

       

       

      <mx:DataGridColumn headerText="Contact" dataField="contact"

      />

       

       

      <mx:DataGridColumn headerText="Name" dataField="contactname"

      />

       

       

      <mx:DataGridColumn headerText="Phone" dataField="contactphone"

      />

       

       

      <mx:DataGridColumn headerText="Email" dataField="contactemail"

      />

       

       

      </mx:columns>

       

       

      </mx:DataGrid>

       

       

      </mx:FormItem>

       

       

      <mx:FormItem width="100%" direction="horizontal" label="Product Lines">

       

       

      <mx:DataGrid id="availproductlines" fontSize="10" dragEnabled="true" dropEnabled="true

      "

      width="

       

      50%" height="70%" creationComplete="availProductLines()" dragMoveEnabled="true

      "

      dragDrop="dragDropHandler(event)"

      dragEnter="dragEnterHandler(event)"

       

      >

       

       

      <mx:columns>

       

       

      <mx:DataGridColumn headerText="Available Lines" dataField="cdescript"

      />

       

       

      </mx:columns>

       

       

      </mx:DataGrid>

       

       

      <mx:DataGrid id="productlines" fontSize="10" dragEnabled="true" dropEnabled="true

      "

      width="

       

      50%" height="70%

      " creationComplete="productLines()"

      dragDrop="dragDropHandler(event)"

       

      >

       

       

      <mx:columns>

       

       

      <mx:DataGridColumn headerText="Selected Lines" dataField="cdescript"

      />

       

       

      </mx:columns>

       

       

      </mx:DataGrid>

       

       

      </mx:FormItem>

       

      Since I am setting up grids height to 70% I have a large vertical area between them. How can I get rid of it?

       

      Thanks