VerticalLayout Group : Layout « 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 » Layout Screenshots  VerticalLayout Group             <mx:Application      xmlns:mx="http://www.adobe.com/2006/mxml"      xmlns:s="library://ns.adobe.com/flex/spark">          <s:Group>                  <s:layout>             <s:VerticalLayout variableRowHeight="false" typicalLayoutElement="{btn3}" />         </s:layout>                  <mx:Button id="btn1" label="(1) button" />         <mx:Button id="btn2" label="(2) button" height="50" />         <mx:Button id="btn3" label="(3) button" height="30" />         <mx:Button id="btn4" label="(4) button" />              </s:Group>      </mx:Application>                                                          Related examples in the same category 1. In absolute layout, the container doesn't arranging its children 2. Using a negative value in the x property to hide a component off screen 3. Positioning a button 5 pixels from the bottom-right corner of a window 4. Using two constraint columns to align a pair of buttons 5. Add Label and Button to a Panel with absolute layout 6. Places a Button in an Application with an absolute layout 7. A group container uses the VerticalLayout class to lay out four Button controls. 8. Use typicalLayoutElement property to tell container to use the third button to determine height of all container children 9. VerticalLayout horizontal Align 10. Position Children by Using Layout Management 11. Use Constraint-Based Layout for Containers 12. Create and Control Resizable Containers 13. Scroll to a Specific Child in a Container 14. Remove control from parent 15. Control the Visibility and Layout of Children 16. Set the component sizes to 300 by 40 pixels 17. Setting container size and its child 18. Change percentage values to 50% and 40%, respectively 19. Using percentage-based children with absolute positioning 20. Using minimum or maximum dimensions 21. Use minWidth, minHeight, maxWidth, and maxHeight properties with a percentage-based component to constrain its size. 22. The rows occupy 80% and 20% of the Canvas container's height from top to bottom, respectively. 23. A single constraint column that occupies 20% of the Canvas width; 80% of the container is unallocated: 24. Define the constraint rows and columns by using percentages. 25. Left and right contraints 26. Get children 27. Absolute layout controls 28. Change child index 29. Set tab index for controls 30. horizontal layout 31. Dynamically Change the Child Depth in the Layout