Form Layout Container

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

Form Layout Container

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