Use HDividedBox : DividedBox « Container « Flex

1. Flex
2. Container
3. DividedBox

Use HDividedBox

       

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
  <mx:Panel title="callLater Grid Example" width="50%" height="50%">
    <mx:HDividedBox width="100%" height="100%">
      <mx:Canvas width="100%" height="100%">
        <mx:DataGrid id="nameGrid" width="100%" height="100%">
          <mx:columns>
            <mx:DataGridColumn dataField="firstName" headerText="First Name"/>
            <mx:DataGridColumn dataField="lastName" headerText="Last Name"/>
          </mx:columns>
        </mx:DataGrid>
      </mx:Canvas>

      <mx:VBox width="70%" height="100%">
        <mx:Label text="First Name:" />
        <mx:TextInput id="FirstNameInput" />
        <mx:Label text="Last Name:" />
        <mx:TextInput id="LastNameInput" />
        <mx:Button label="Enter New Item" />
      </mx:VBox>
    </mx:HDividedBox>
  </mx:Panel>
</mx:Application>

   
    
    
    
    
    
    
  

Related examples in the same category

1.	Making a dashboard with DividedBox
2.	Creating a DividedBox, HDividedBox, and VDividedBox container
3.	Use VDividedBox
4.	Use VDividedBox to hold List
5.	Use DividedBox