Jerry, check out the FlowBox container from FlexLib: http://flexlib.googlecode.com/svn/trunk/examples/FlowBox/FlowBox_Sample.swf http://code.google.com/p/flexlib/
I haven't actually used it for adjusting layout when resizing: we need to handle layout of a varying set of children of different sizes. It does have some quirks, but it works reasonably well. A friend also suggested Eric Cancil's FlowContainer: http://blog.3r1c.net/?p=89 I have not tried it yet, but have been meaning to. -- Maciek Sakrejda Truviso, Inc. http://www.truviso.com -----Original Message----- From: Jerry DuVal <[EMAIL PROTECTED]> Reply-To: [email protected] To: [email protected] Subject: [flexcoders] flex version of html float? Date: Thu, 21 Feb 2008 18:21:51 -0500 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
