Flex Containers and Layout Management HDividedBox Source Code

Flex Containers and Layout Management Sample Source Code:


Create a new file:
HDividedBox.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:HDividedBox 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:HDividedBox> </mx:Application>