Layout DataGrid, TextArea and LinkButton in VBox : VBox « Container « Flex

1. Flex
2. Container
3. VBox

Layout DataGrid, TextArea and LinkButton in VBox

       
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Panel width="500" height="500" layout="absolute" title="Vampire Books">
        <mx:VBox width="100%" height="100%">
            <mx:DataGrid width="100%" height="200" id="datagridBooks">
                <mx:columns>
                    <mx:DataGridColumn headerText="Column 1" dataField="col1"/>
                    <mx:DataGridColumn headerText="Column 2" dataField="col2"/>
                    <mx:DataGridColumn headerText="Column 3" dataField="col3"/>
                </mx:columns>
            </mx:DataGrid>
            <mx:TextArea width="100%" height="200"/>
            <mx:LinkButton label="Goto Book"/>
        </mx:VBox>
    </mx:Panel>
</mx:Application>

   
    
    
    
    
    
    
  

Related examples in the same category

1.	Tab navigator with VBox
2.	Put TextArea and Button into VBox
3.	VBox creationCompleteEffect
4.	Layout Buttons with Both Vertical box and horizontal box
5.	Use VBox to wrap two buttons
6.	Move a Button control from one VBox container to another
7.	children of VBox are not be instantiated when the application is first loaded, but only after the user clicks the button
8.	Remove references to button instances from the MX myVBox and Spark myGroup containers
9.	VBox drag events
10.	Add Event handler for VBox
11.	Use absolute positioning to place a VBox control inside a Canvas control
12.	Add a VBox to overlap
13.	Solid border style for VBox
14.	Creating and removing a child of an VBox container
15.	VBox container expands to fill all the available space
16.	VBox with scroll bars
17.	Application container with no padding lets its child VBox container fill the entire window
18.	defines a vertical Box container by using the tag:
19.	Use embedded fontFamily as a type selector for VBox controls
20.	VBox border style outset
21.	Put HBox to VBox
22.	Rotate a VBox
23.	Set background image for VBox
24.	Set background size for VBox
25.	Set scale grid for VBox
26.	Nest HBox into VBox
27.	Surround the first two labels with an opening and closing VBox tag
28.	Surround each of the VBox tags with a Panel tag.
29.	VBox with border style and padding
30.	VBox Gap And Padding
31.	Layout controls with VBox
32.	Put both VBox and HBox to Canvas
33.	VBox Children
34.	Disable layout updates for a VBox container
35.	Child VBox container fills the entire application container:
36.	VBox container is larger than the available space within the Application container
37.	A vertical Box container by using the tag
38.	Advanced Constraints with constraintRows
39.	Creation Policy in a Single View container
40.	creationPolicy: auto, none, all
41.	Insert element at location
42.	Remove element at location
43.	Remove all elements
44.	Dynamically Add and Remove Children
45.	Get number of element count for a container
46.	Reorder controls
47.	VBox css style for background image and size
48.	VBox CSS style