try using this http://blog.appdivision.com/2009/05/13/horizontal-and-vertical-alignment-added-to-flowcontainer/
On Wed, May 13, 2009 at 9:48 AM, Mike Oliver <[email protected]> wrote: > > > > Thanks Doug, > > So how much was that bet? > > I replaced the FlobBox with FlowContainer and while yes the height did > calculate properly so you were correct there....but alas it doesn't solve > the problem. > > The new code follows but I won't upload the resulting .swf BECAUSE IT HANGS > THE BROWSER, both IE and FireFox! Both running the latest Flash player 9 > and on FireFox it has the debugger version of the player and that didn't > get > a chance to catch the error. > > > <mx:VBox x="10" y="42" height="650" width="100%"> > > <ns1:FlowContainer width="100%" paddingBottom="10" paddingLeft="10" > paddingRight="10" paddingTop="10" left="10" borderStyle="solid" > borderThickness="2" borderColor="#000509"> > <mx:ComboBox></mx:ComboBox> > <mx:DateField/> > <mx:Button label="Save"/> > <mx:Button label="Add"/> > <mx:Button label="Cancel"/> > <mx:HSlider/> > </ns1:FlowContainer> > <mx:DataGrid height="500" width="100%" left="0"> > <mx:columns> > <mx:DataGridColumn headerText="Column 1" dataField="col1"/> > <mx:DataGridColumn headerText="Column 2" dataField="col2"/> > <mx:DataGridColumn headerText="Column 3" dataField="col3"/> > </mx:columns> > </mx:DataGrid> > </mx:VBox> > > Doug McCune wrote: > > > > FlowBox has a pretty serious bug having to do with how it does its height > > calculation. This bug has been logged and has remained unresolved for far > > too long (I say this as the main flexlib maintainer, it's basically my > > laziness that has kept this from being fixed). That said, there's a > second > > container in FlexLib that also accomplishes the same goal, it's called > > FlowContainer. It was origianlly written as part of the docking toolbar > > component. It more or less does the exact same thing, but doesn't have > the > > problem with the height calculation. > > > > So I'd advise trying to use FlowContainer instead of FlowBox, I bet it > > will > > solve your problem. > > > > Doug > > > > On Tue, May 12, 2009 at 5:56 PM, Mike Oliver > > <[email protected]<moliver%40corenttech.com> > > > > wrote: > > > >> > >> > >> > >> Yes its the flow box see attached. > >> > >> http://www.nabble.com/file/p23513630/ToolbarDemo.swf ToolbarDemo.swf > >> > >> It looks like the flow box calculates its height based on all components > >> wrapping. > >> > >> Ollie > >> > >> > >> Tracy Spratt-2 wrote: > >> > > >> > Is it the FlowBox that is causing the problem? What happens if you > >> > replace > >> > it with an HBox? Do you still get that space? Can you put a border or > >> > background on the FlowBox to see if it is causing the layout issue? > >> > > >> > > >> > > >> > Something is confusing the layout. The space between items in a VBox > >> > should > >> > be only the verticalGap. > >> > > >> > > >> > > >> > Tracy Spratt, > >> > > >> > Lariat Services, development services available > >> > > >> > _____ > >> > > >> > From: [email protected] > >> > <flexcoders%40yahoogroups.com><flexcoders% > 40yahoogroups.com> > >> [mailto: > >> [email protected] <flexcoders%40yahoogroups.com> <flexcoders% > 40yahoogroups.com>] On > >> > Behalf Of Mike Oliver > >> > Sent: Tuesday, May 12, 2009 8:13 PM > >> > To: [email protected] <flexcoders%40yahoogroups.com><flexcoders% > 40yahoogroups.com> > > >> > Subject: RE: [flexcoders] FlowBox Nesting > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > I said that I tried a VBox and that did NOT give me what I want, > >> > > >> > Here is the mxml > >> > > >> > <mx:VBox x="10" y="42" height="650" width="100%"> > >> > > >> > <ns1:FlowBox width="100%" paddingBottom="10" paddingLeft="10" > >> > paddingRight="10" paddingTop="10" left="10"> > >> > <mx:ComboBox></mx:ComboBox> > >> > <mx:DateField/> > >> > <mx:Button label="Save"/> > >> > <mx:Button label="Add"/> > >> > <mx:Button label="Cancel"/> > >> > <mx:HSlider/> > >> > </ns1:FlowBox> > >> > <mx:DataGrid height="100%" width="100%" left="0"> > >> > <mx:columns> > >> > <mx:DataGridColumn headerText="Column 1" dataField="col1"/> > >> > <mx:DataGridColumn headerText="Column 2" dataField="col2"/> > >> > <mx:DataGridColumn headerText="Column 3" dataField="col3"/> > >> > </mx:columns> > >> > </mx:DataGrid> > >> > </mx:VBox> > >> > > >> > and I attached the swf and here is a screen shot. > >> > > >> > http://www.nabble. > >> <http://www.nabble.com/file/p23513102/ToolbarDemo.swf > >> > > >> > com/file/p23513102/ToolbarDemo.swf ToolbarDemo.swf > >> > > >> > Now note that the space between the flowbox and the grid is what I > want > >> to > >> > eliminate. > >> > > >> > http://www.nabble. > >> > < > >> > http://www.nabble.com/file/p23513102/ScreenHunter_28%2BMay.%2B12%2B17.09.jp > >> > g> com/file/p23513102/ScreenHunter_28%2BMay.%2B12%2B17.09.jpg > >> > > >> > Tracy Spratt-2 wrote: > >> >> > >> >> Plain old VBox will do this for you. Set the lower grid height to > 100% > >> >> and > >> >> it should resize dynamically to fit (If the VBox has a fixed height) > >> If > >> >> the > >> >> VBox height is not set then its container will show scrollbars > >> >> > >> >> > >> >> > >> >> Tracy Spratt, > >> >> > >> >> Lariat Services, development services available > >> >> > >> >> _____ > >> >> > >> >> From: flexcod...@yahoogro > >> <mailto:flexcoders%40yahoogroups.com <flexcoders%2540yahoogroups.com> > <flexcoders%2540yahoogroups.com>> > >> ups.com > >> > [mailto:flexcod...@yahoogro > >> <mailto:flexcoders%40yahoogroups.com <flexcoders%2540yahoogroups.com> > <flexcoders%2540yahoogroups.com>> > >> ups.com] > >> > On > >> >> Behalf Of Mike Oliver > >> >> Sent: Tuesday, May 12, 2009 12:55 PM > >> >> To: flexcod...@yahoogro > >> <mailto:flexcoders%40yahoogroups.com <flexcoders%2540yahoogroups.com> > <flexcoders%2540yahoogroups.com>> > > >> ups.com > >> > >> >> Subject: [flexcoders] FlowBox Nesting > >> >> > >> >> > >> >> > >> >> > >> >> > >> >> > >> >> > >> >> > >> >> > >> >> I am trying to create a screen with a grid and a toolbar on top of > it. > >> >> > >> >> The problem is that the toolbar can have more user selectable > controls > >> in > >> >> it > >> >> than will fit on small screens. > >> >> > >> >> So I wanted to use the FlowBox and that works great but only if I > >> allow > >> >> for > >> >> the space between the Flowbox and the grid control under it. > >> >> > >> >> I wanted the grid control to float under the toolbar and if the > >> toolbar > >> / > >> >> flowbox gets reduced in width to wrap a control down into a second > row > >> >> the > >> >> grid would slide down to accommodate. > >> >> > >> >> So I thought a flowbox with a flowbox and the grid control in it but > >> the > >> >> nested flowbox and grid won't fill the parent flow box with > >> width="100%" > >> > >> >> > >> >> I have tried TileList and VBox and have yet to find the combination > >> that > >> >> will allow the grid to float under the FlowBox. > >> >> -- > >> >> View this message in context: http://www.nabble. > >> >> <http://www.nabble. > >> > <http://www.nabble.com/FlowBox-Nesting-tp23506408p23506408.html> > >> > com/FlowBox-Nesting-tp23506408p23506408.html> > >> >> com/FlowBox-Nesting-tp23506408p23506408.html > >> >> Sent from the FlexCoders mailing list archive at Nabble.com. > >> >> > >> >> > >> >> > >> >> > >> >> > >> > > >> > -- > >> > View this message in context: http://www.nabble. > >> > <http://www.nabble.com/FlowBox-Nesting-tp23506408p23513102.html> > >> > com/FlowBox-Nesting-tp23506408p23513102.html > >> > Sent from the FlexCoders mailing list archive at Nabble.com. > >> > > >> > > >> > > >> > > >> > > >> > >> -- > >> View this message in context: > >> http://www.nabble.com/FlowBox-Nesting-tp23506408p23513630.html > >> Sent from the FlexCoders mailing list archive at Nabble.com. > >> > >> > >> > > > > > > -- > View this message in context: > http://www.nabble.com/FlowBox-Nesting-tp23506408p23522099.html > Sent from the FlexCoders mailing list archive at Nabble.com. > > >
