Use HDividedBox : DividedBox « Container « Flex

Home
Flex
1.Chart
2.Components
3.Container
4.Data Model
5.Development
6.Effects
7.Event
8.Graphics
9.Grid
10.Style
Flex » Container » DividedBoxScreenshots 
Use HDividedBox
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 DividedBoxMaking a dashboard with DividedBox
2.Creating a DividedBox, HDividedBox, and VDividedBox containerCreating a DividedBox, HDividedBox, and VDividedBox container
3.Use VDividedBoxUse VDividedBox
4.Use VDividedBox to hold ListUse VDividedBox to hold List
5.Use DividedBoxUse DividedBox
w_w__w__._ja___v_a___2_s.c_om_ | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.