Comments on: Setting the vertical gap between items in a Flex VBox container http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/ Just a bunch of Adobe Flex Examples Sun, 12 Feb 2012 19:26:49 +0000 hourly 1 By: laissun http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/comment-page-1/#comment-10254 laissun Mon, 19 Dec 2011 09:45:36 +0000 http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/#comment-10254 Hello ! thanks for this example but if i want define verticalGap property with flex 4 through the equivalent spark component VGroup ? Hello ! thanks for this example
but if i want define verticalGap property with flex 4 through the equivalent spark component VGroup ?

]]> By: Lorenzo Campanis http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/comment-page-1/#comment-9628 Lorenzo Campanis Fri, 23 Sep 2011 11:52:44 +0000 http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/#comment-9628 Hello, I have posted a comment on this adobe page: <a href="http://help.adobe.com/en_US/flex/using/WS02f7d8d4857b1677-165a04e1126951a2d98-7ff4.html" rel="nofollow">ADOBE TLF Images</a> If you could please have a look and possibly give us an explanation, it would be highly appreciated as we cannot find anything only on the matter. Thank you. Hello,

I have posted a comment on this adobe page:
ADOBE TLF Images
If you could please have a look and possibly give us an explanation, it would be highly appreciated as we cannot find anything only on the matter.
Thank you.

]]> By: John laPlante http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/comment-page-1/#comment-6151 John laPlante Thu, 29 Oct 2009 15:30:48 +0000 http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/#comment-6151 This was very helpful. This approach to playing with styles - using a slider - is really a good way to play with styles and avoid doing excessive change & compile cycles. It's great to get an example that works because it allowed me to deconstruct my problem with gaps. I'm using Flex Builder 3 and the gaps don't appears to be settable from the Design mode of the IDE. I hope that Flex Builder becomes more robust in future versions. It's frustrating to look at the preview in design mode and see the gap but find no way to eliminate that gap. This was very helpful. This approach to playing with styles – using a slider – is really a good way to play with styles and avoid doing excessive change & compile cycles. It’s great to get an example that works because it allowed me to deconstruct my problem with gaps. I’m using Flex Builder 3 and the gaps don’t appears to be settable from the Design mode of the IDE. I hope that Flex Builder becomes more robust in future versions. It’s frustrating to look at the preview in design mode and see the gap but find no way to eliminate that gap.

]]> By: Cyril http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/comment-page-1/#comment-5794 Cyril Wed, 16 Sep 2009 15:02:13 +0000 http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/#comment-5794 Can anyone give an ex of the boxes such that there is no gaps between the boxes, I cannot get rid of the gaps Can anyone give an ex of the boxes such that there is no gaps between the boxes, I cannot get rid of the gaps

]]> By: molaro http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/comment-page-1/#comment-2199 molaro Wed, 04 Feb 2009 17:01:26 +0000 http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/#comment-2199 I have a Panel with VBoxes inside it. I can use verticalGap like you did above to control the spacing between them as expected. However, if I make a custom MXML component based off a VBox, and add the multiple instances of the custom component instead of straight VBoxes, the verticalGap property is ignored. Is there a trick to getting that scenario to work? ------------ WORKS: <mx:Panel width="100%" height="100%" title="Works" verticalGap="0"> <mx:VBox width="700" height="100" borderStyle="solid" borderColor="#FF0000" /> <mx:VBox width="700" height="100" borderStyle="solid" borderColor="#FF0000" /> <mx:VBox width="700" height="100" borderStyle="solid" borderColor="#FF0000" /> </mx:Panel> ----------- DOESN'T WORK: <mx:Panel width="100%" height="100%" title="Works" verticalGap="0" xmlns:comp="components.*"> <comp:MyVbox width="700" height="100" borderStyle="solid" borderColor="#FF0000" /> <comp:MyVbox width="700" height="100" borderStyle="solid" borderColor="#FF0000" /> <comp:MyVbox width="700" height="100" borderStyle="solid" borderColor="#FF0000" /> </mx:Panel> --- MyVbox <?xml version="1.0" encoding="utf-8"?> <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="500" height="100"> <!-- DOESN"T MATTER WHAT IS INSIDE --> </mx:VBox> I have a Panel with VBoxes inside it. I can use verticalGap like you did above to control the spacing between them as expected. However, if I make a custom MXML component based off a VBox, and add the multiple instances of the custom component instead of straight VBoxes, the verticalGap property is ignored. Is there a trick to getting that scenario to work?

———— WORKS:
<mx:Panel width=”100%” height=”100%” title=”Works” verticalGap=”0″>
<mx:VBox width=”700″ height=”100″ borderStyle=”solid” borderColor=”#FF0000″ />
<mx:VBox width=”700″ height=”100″ borderStyle=”solid” borderColor=”#FF0000″ />
<mx:VBox width=”700″ height=”100″ borderStyle=”solid” borderColor=”#FF0000″ />
</mx:Panel>

———– DOESN’T WORK:
<mx:Panel width=”100%” height=”100%” title=”Works” verticalGap=”0″ xmlns:comp=”components.*”>
<comp:MyVbox width=”700″ height=”100″ borderStyle=”solid” borderColor=”#FF0000″ />
<comp:MyVbox width=”700″ height=”100″ borderStyle=”solid” borderColor=”#FF0000″ />
<comp:MyVbox width=”700″ height=”100″ borderStyle=”solid” borderColor=”#FF0000″ />
</mx:Panel>

— MyVbox
<?xml version=”1.0″ encoding=”utf-8″?>
<mx:VBox xmlns:mx=”http://www.adobe.com/2006/mxml” width=”500″ height=”100″>
<!– DOESN”T MATTER WHAT IS INSIDE –>
</mx:VBox>

]]> By: peterd http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/comment-page-1/#comment-2198 peterd Fri, 04 Jan 2008 18:02:49 +0000 http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/#comment-2198 Really easy. I just use an <iframe />. You can view-source and see all my HTML. Peter Really easy. I just use an <iframe />.
You can view-source and see all my HTML.

Peter

]]> By: coco http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/comment-page-1/#comment-2196 coco Fri, 04 Jan 2008 09:22:10 +0000 http://blog.flexexamples.com/2008/01/03/setting-the-vertical-gap-between-items-in-a-flex-vbox-container/#comment-2196 Hi,peter, I have a question,how do you put the SWF file into this blog?It's easy? coco Hi,peter,
I have a question,how do you put the SWF file into this blog?It’s easy?
coco

]]>