Form container is used to lay the child elements as form elements.

Form Layout Container

     

Form container is used to lay the child elements as form elements. Using Form container you can create label also for input fields. FormHeader and FormItem components can be used within the Form container. FormHeader can be used for adding header information. You will put components like input box within FormItem. Label for the item can also be specified in label attribute of FormItem component.

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"> <mx:Form width="300" height="150" backgroundColor="white"> <mx:FormHeading label="Add Article"/> <mx:FormItem label="Article Name:"> <mx:TextInput/> </mx:FormItem> <mx:FormItem label="Author Name:"> <mx:TextInput/> </mx:FormItem> <mx:FormItem> <mx:Button label="Submit"/> </mx:FormItem> </mx:Form> </mx:Application>

Output:

Download the code:
FormLayoutContainer.zip

Related Tags for Form Layout Container:

More Tutorials from this section

• Flex Container
• Application container
• Box Layout Container
• Canvas Layout Container
• ControlBar layout container
• Creating custom application download progress bar
• DividedBox layout container
• Form Layout Container
• Grid layout container
• HBox Layout Container
• HDividedBox layout container
• Flex Container
• Flex Introduction
• Panel layout container
• Tile layout container
• TitleWindow layout container
• Using Flex Containers
• VBox Layout Container
• VDividedBox layout container
• What are Flex Containers