Fixed size container : HBox « 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 » HBox Screenshots  Fixed size container            <?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">     <mx:Script>                      private function logSizes():void {                 trace("HBox: "+ hb1.width);                 trace("Label: "+ lb1.width);                 trace("Image: "+ img1.width);                 trace("Button: "+ b1.width);             }                </mx:Script>     <mx:HBox width="100%">         <mx:HBox id="hb1" width="40%" borderStyle="solid">             <mx:Label id="lb1" text="Hello" width="50" />             <mx:Image id="img1" source="@Embed(source='logo.jpg')" width="60%" />             <mx:Button id="b1" label="Button" width="40%" click="logSizes();" />         </mx:HBox>         <mx:HBox width="260" borderStyle="solid">             <mx:Label text="Hello" width="50" />             <mx:Image source="@Embed(source='logo.jpg')" width="119" />             <mx:Button label="Button" />         </mx:HBox>     </mx:HBox> </mx:Application>                                                     Related examples in the same category 1. Use a Button control inside the HBox 2. Use default sizing for Button children of an HBox container 3. An HBox container with a Button control 4. Add Button to a HBox as child 5. Add Button control as the first child of an HBox container 6. Create an HBox that is 400 pixels wide, with a Button inside set to a width of 50 percent 7. HDivBox Simple Demo 8. An HBox container lays out its children horizontally. 9. Add child to HBox 10. Use constraint-based layout to position an HBox horizontally, and explicit sizing and positioning 11. HBox Size Percentage 12. Using percentage-based children of an HBox container 13. HBox percentage-value layout 14. HBox container and resizing 15. Use an HBox container to let users scroll an image 16. HBox container with scroll bars 17. Turns on verticalScrollPolicy for HBox 18. Add border to HBox 19. Adding padding by direction to HBox 20. HBox with vertical top alignment and horizontal left alignment 21. image is centered in the HBox container 22. image might extend past the boundaries of the HBox 23. not to autoLayout for HBox 24. Spacer placed inside an HBox can separate the controls to its left and right 25. Use an HBox container to let users scroll an image, rather than rendering the complete image at its full size. 26. Scroll HBox 27. HBox with border and padding 28. Layout controls with HBox 29. Using constraint-based layout to position an HBox horizontally, and uses absolute values to specify the vertical width and position 30. Using the clipContent property 31. use removeChild() method to remove a control from a container