Layout FormItem horizontally : FormItem « Components « Flex

1. Flex
2. Components
3. FormItem

Layout FormItem horizontally

          

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Form>
        <mx:FormHeading label="Information"/>
        <mx:FormItem label="First Name, Last Name" direction="horizontal">
            <mx:TextInput id="firstName"/>
            <mx:TextInput id="lastName"/>
        </mx:FormItem>
        <mx:FormItem label="e-mail">
            <mx:TextInput id="email"/>
        </mx:FormItem>
        <mx:FormHeading label="Another"/>
        <mx:FormItem label="Password Question">
            <mx:TextInput id="Password"/>
        </mx:FormItem>
        <mx:FormItem label="Comment">
            <mx:TextArea id="comment" editable="true" width="326" height="100"/>
        </mx:FormItem>
    </mx:Form>
</mx:Application>

   
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	Label for FormItem
2.	CheckBox FormItem
3.	FormItem containers take an input control and provide it with a label
4.	FormItem font style and weight
5.	Creating mandatory FormItems
6.	Set the FormItem label color to dark blue and its font size to 20 pixels
7.	Show the FormItem container definitions