A vertical Box container by using the tag : VBox « 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 » VBoxScreenshots 
A vertical Box container by using the tag
A vertical Box container by using the <mx:VBox> tag
           

<!--
Code from Flex Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1proper attribution to Adobe is given as the owner of the user guide; and 
  (2any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->


<!-- containers\layouts\VBoxSimple.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    xmlns:s="library://ns.adobe.com/flex/spark">
    <mx:VBox borderStyle="solid" paddingTop="10" paddingBottom="10"
        paddingLeft="10" paddingRight="10">
        <mx:Button id="fname" label="Button 1" />
        <mx:Button id="lname" label="Button 2" />
        <mx:Button id="addr1" label="Button 3" />
        <mx:ComboBox id="state">
            <mx:ArrayList>
                <fx:String>ComboBox 1</fx:String>
            </mx:ArrayList>
        </mx:ComboBox>
    </mx:VBox>
</s:Application>

   
    
    
    
    
    
    
    
    
    
    
  
Related examples in the same category
1.Layout DataGrid, TextArea and LinkButton in VBoxLayout DataGrid, TextArea and LinkButton in VBox
2.Tab navigator with VBoxTab navigator with VBox
3.Put TextArea and Button into VBoxPut TextArea and Button into VBox
4.VBox creationCompleteEffectVBox creationCompleteEffect
5.Layout Buttons with Both Vertical box and horizontal boxLayout Buttons with Both Vertical box and horizontal box
6.Use VBox to wrap two buttonsUse VBox to wrap two buttons
7.Move a Button control from one VBox container to anotherMove a Button control from one VBox container to another
8.children of VBox are not be instantiated when the application is first loaded, but only after the user clicks the buttonchildren of VBox are not be instantiated when the application is first loaded, but only after the user clicks the button
9.Remove references to button instances from the MX myVBox and Spark myGroup containersRemove references to button instances from the MX myVBox and Spark myGroup containers
10.VBox drag eventsVBox drag events
11.Add Event handler for VBoxAdd Event handler for VBox
12.Use absolute positioning to place a VBox control inside a Canvas controlUse absolute positioning to place a VBox control inside a Canvas control
13.Add a VBox to overlapAdd a VBox to overlap
14.Solid border style for VBoxSolid border style for VBox
15.Creating and removing a child of an VBox containerCreating and removing a child of an VBox container
16.VBox container expands to fill all the available spaceVBox container expands to fill all the available space
17.VBox with scroll barsVBox with scroll bars
18.Application container with no padding lets its child VBox container fill the entire windowApplication container with no padding lets its child VBox container fill the entire window
19.defines a vertical Box container by using the tag:defines a vertical Box container by using the <mx:VBox> tag:
20.Use embedded fontFamily as a type selector for VBox controlsUse embedded fontFamily as a type selector for VBox controls
21.VBox border style outsetVBox border style outset
22.Put HBox to VBoxPut HBox to VBox
23.Rotate a VBoxRotate a VBox
24.Set background image for VBox
25.Set background size for VBox
26.Set scale grid for VBox
27.Nest HBox into VBox
28.Surround the first two labels with an opening and closing VBox tagSurround the first two labels with an opening and closing VBox tag
29.Surround each of the VBox tags with a Panel tag.Surround each of the VBox tags with a Panel tag.
30.VBox with border style and paddingVBox with border style and padding
31.VBox Gap And PaddingVBox Gap And Padding
32.Layout controls with VBoxLayout controls with VBox
33.Put both VBox and HBox to CanvasPut both VBox and HBox to Canvas
34.VBox ChildrenVBox Children
35.Disable layout updates for a VBox containerDisable layout updates for a VBox container
36.Child VBox container fills the entire application container:
37.VBox container is larger than the available space within the Application containerVBox container is larger than the available space within the Application container
38.Advanced Constraints with constraintRowsAdvanced Constraints with constraintRows
39.Creation Policy in a Single View containerCreation Policy in a Single View container
40.creationPolicy: auto, none, allcreationPolicy: auto, none, all
41.Insert element at locationInsert element at location
42.Remove element at locationRemove element at location
43.Remove all elementsRemove all elements
44.Dynamically Add and Remove ChildrenDynamically Add and Remove Children
45.Get number of element count for a containerGet number of element count for a container
46.Reorder controlsReorder controls
47.VBox css style for background image and size
48.VBox CSS styleVBox CSS style
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.