CODEWITHSUNDEEP
actionscript-3apache-flexflex4
user
user

Reputation: 165

Flex 4 - How to align FormItem Label and TextInput?

I have the FormItem with Label and TextInput controls.

Sample code

    <s:FormItem id="mobileLabel" label="Mobile Number">
        <s:TextInput id="mobileInput"/>
    </s:FormItem>
    <s:FormItem id="emailLabel" label="Email ID" required="true">
        <s:HGroup>
            <s:TextInput id="emailInput"/>
            <s:Label id="bindingLabel" text="@xyz.com"/>
        </s:HGroup> 
    </s:FormItem>

Output like this:

enter image description here

How to align the label text as bottom of the label? like this

enter image description here

Upvotes: 0

Views: 515

Answers (1)

Ivan Nikolov
Ivan Nikolov

Reputation: 235

You can use the HGroup's proberty verticalAlign. Then your HGroup statement will look like:

<s:HGroup verticalAlign="middle">
  <s:TextInput id="emailInput"/>
  <s:Label id="bindingLabel" text="@xyz.com"/>
</s:HGroup>

Upvotes: 2

Related Questions