Flex Containers and Layout Management HBox Source Code

Flex Containers and Layout Management Sample Source Code:

Creat a new file:
HboxDemo.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:HBox width="100%" height="100%"> <mx:Panel title="Panel 1" width="100%" height="100%"> <mx:HBox paddingTop="8" paddingBottom="8" paddingLeft="8" paddingRight="8" horizontalGap="4" width="100%" height="100%"> <mx:Label text="First Name:"/> <mx:TextInput id="firstName" width="100%"/> </mx:HBox> </mx:Panel> <mx:Panel title="Panel 2" width="100%" height="100%"/> </mx:HBox> </mx:Application>