[flexcoders] flex version of html float?

[Jerry DuVal]

I have a HBox that contains form items.  When the window is resized to a
smaller window flex automatically places the horizontal scroll bar.  Is
there any way to float the items to the next line instead of having the
scroll bar.  

 

<mx:VBox width="100%" height="100%">

                <mx:Form width="100%" height="100%">

                    <mx:HBox>

                        <mx:FormItem label="Field">

                            <mx:Text id="nameField" fontWeight="bold"
text="bar"/>

                        </mx:FormItem>

                        <mx:FormItem label="Expression">

                            <mx:Text fontWeight="bold" id="expressionField"
text="foo"/>

                        </mx:FormItem>

                    </mx:HBox>

                    <mx:HBox>

                        <mx:FormItem label="Column Name" width="499">

                            <mx:TextInput fontWeight="bold" id="caption"
text="{parentDocument.field.description}" editable="true" width="355"/>

                        </mx:FormItem>

                        <mx:FormItem label="Add Check All Column">

                            <mx:CheckBox id="checkAll" enabled
selected="{parentDocument.field.checkAll}"/>

                        </mx:FormItem>

                    </mx:HBox>

                    <mx:HBox>

                        <mx:FormItem label="Do Not Wrap Data">

                            <mx:CheckBox id="noWrap"
selected="{parentDocument.field.noWrap}"/>

                        </mx:FormItem>

                        <mx:FormItem label="Auto Size">

                            <mx:CheckBox id="autosize"
selected="{parentDocument.field.autosize}"/>

                        </mx:FormItem>

                        <mx:FormItem label="Fixed Size">

                            <mx:TextInput fontWeight="bold" id="size"
text="{parentDocument.field.size}" editable="true" width="40"/>

                        </mx:FormItem>

                        <mx:FormItem label="Hidden">

                            <mx:CheckBox id="hidden"
selected="{parentDocument.field.hidden}"/>

                        </mx:FormItem>

                        <mx:FormItem label="Editable">

                            <mx:CheckBox id="editable" change
selected="{parentDocument.field.editable}"/>

                        </mx:FormItem>

                        <mx:FormItem label="Required">

                            <mx:CheckBox id="required"
selected="{parentDocument.field.required}"/>

                        </mx:FormItem>

                    </mx:HBox>

                </mx:Form>

            </mx:VBox>

 

Jerry DuVal

Pace Systems Group, Inc.

800.624.5999

www.Pace2020.com