Re: [flexcoders] FlowBox Nesting
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 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 therebut 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. > > > > > paddingRight="10" paddingTop="10" left="10" borderStyle="solid" > borderThickness="2" borderColor="#000509"> > > > > > > > > > > > > > > > > > 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 > > > > > > 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: flexcoders@yahoogroups.com > >> > 40yahoogroups.com> > >> [mailto: > >> flexcoders@yahoogroups.com 40yahoogroups.com>] On > >> > Behalf Of Mike Oliver > >> > Sent: Tuesday, May 12, 2009 8:13 PM > >> > To: flexcoders@yahoogroups.com 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 > >> > > >> > > >> > > >> > >> > paddingRight="10" paddingTop="10" left="10"> > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > 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%2
Re: [flexcoders] FlowBox Nesting
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 therebut 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. 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 > 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: flexcoders@yahoogroups.com >> [mailto: >> flexcoders@yahoogroups.com ] On >> > Behalf Of Mike Oliver >> > Sent: Tuesday, May 12, 2009 8:13 PM >> > To: flexcoders@yahoogroups.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 >> > >> > >> > >> > > > paddingRight="10" paddingTop="10" left="10"> >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > >> > 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> >
Re: [flexcoders] FlowBox Nesting
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 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: flexcoders@yahoogroups.com [mailto: > flexcoders@yahoogroups.com ] On > > Behalf Of Mike Oliver > > Sent: Tuesday, May 12, 2009 8:13 PM > > To: flexcoders@yahoogroups.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 > > > > > > > > > paddingRight="10" paddingTop="10" left="10"> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > 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> > ups.com > > [mailto:flexcod...@yahoogro > > <mailto:flexcoders%40yahoogroups.com> > ups.com] > > On > >> Behalf Of Mike Oliver > >> Sent: Tuesday, May 12, 2009 12:55 PM > >> To: flexcod...@yahoogro > >> <mailto:flexcoders%40yahoogroups.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. > > >
RE: [flexcoders] FlowBox Nesting
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: flexcoders@yahoogroups.com [mailto:flexcod...@yahoogroups.com] On > Behalf Of Mike Oliver > Sent: Tuesday, May 12, 2009 8:13 PM > To: flexcoders@yahoogroups.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 > > > > paddingRight="10" paddingTop="10" left="10"> > > > > > > > > > > > > > > > > > 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> ups.com > [mailto:flexcod...@yahoogro <mailto:flexcoders%40yahoogroups.com> ups.com] > On >> Behalf Of Mike Oliver >> Sent: Tuesday, May 12, 2009 12:55 PM >> To: flexcod...@yahoogro <mailto:flexcoders%40yahoogroups.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.
RE: [flexcoders] FlowBox Nesting
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: flexcoders@yahoogroups.com [mailto:flexcod...@yahoogroups.com] On Behalf Of Mike Oliver Sent: Tuesday, May 12, 2009 8:13 PM To: flexcoders@yahoogroups.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 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> ups.com [mailto:flexcod...@yahoogro <mailto:flexcoders%40yahoogroups.com> ups.com] On > Behalf Of Mike Oliver > Sent: Tuesday, May 12, 2009 12:55 PM > To: flexcod...@yahoogro <mailto:flexcoders%40yahoogroups.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.
RE: [flexcoders] FlowBox Nesting
I said that I tried a VBox and that did NOT give me what I want, Here is the mxml and I attached the swf and here is a screen shot. http://www.nabble.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.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: flexcoders@yahoogroups.com [mailto:flexcod...@yahoogroups.com] On > Behalf Of Mike Oliver > Sent: Tuesday, May 12, 2009 12:55 PM > To: flexcoders@yahoogroups.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.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.com/FlowBox-Nesting-tp23506408p23513102.html Sent from the FlexCoders mailing list archive at Nabble.com.
RE: [flexcoders] FlowBox Nesting
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: flexcoders@yahoogroups.com [mailto:flexcod...@yahoogroups.com] On Behalf Of Mike Oliver Sent: Tuesday, May 12, 2009 12:55 PM To: flexcoders@yahoogroups.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.com/FlowBox-Nesting-tp23506408p23506408.html> com/FlowBox-Nesting-tp23506408p23506408.html Sent from the FlexCoders mailing list archive at Nabble.com.
[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.com/FlowBox-Nesting-tp23506408p23506408.html Sent from the FlexCoders mailing list archive at Nabble.com.
