Flex form layout - add first child vertically aligned with label

Question

Hi all..

In flex form layout

<mx:Form id="form">
        <mx:FormItem label="horizontal:">
            <mx:Text text="test"/>
        </mx:FormItem>
</mx:Form>

the output will be

horizontal 'test'

But my constraint is i want to align the textbox(first child of the form item ) vertically with the label. How can i do this ?Any inputs invited

Answer 1

You could override the form / formitem class to change the layout approach by overriding updateDisplayList method.

You could also try something like this:

<mx:Form id="form">
        <mx:FormItem direction="vertical">
            <mx:Label text="horizontal:"/>
            <mx:Text text="test"/>
        </mx:FormItem>
</mx:Form>