Comments on: FlowLayout – a Spark Custom Layout Example

By: Horizontal Multiline Layout

Horizontal Multiline Layout — Tue, 31 Aug 2010 14:04:30 +0000

[...] it turns out that Evtim has already wrote FlowLayout that does nearly the same just without measuring it’s height, paddings, gaps and vertical [...]

By: FlowLayout – FlexLayouts

FlowLayout – FlexLayouts — Fri, 13 Aug 2010 21:11:05 +0000

[...] & sample by Justin, based on example code by Evtim The Godfather Georgiv. [...]

By: mbhnyc

mbhnyc — Tue, 06 Jul 2010 05:47:46 +0000

@Evtim

Hey – quick question – I’m having some trouble with a Flex 4 layout that I want to be liquid, 100% width AND height. Trouble is, I’m having a hard time getting my containers to clip properly when I resize the browser window, while the outermost container resizes correctly, the inner ones (where I have a scroller attached) seem to ignore the resizing and don’t clip properly.

Has anyone dealt with this issue and have a solution? Of course I could just do a fixed height, but that wouldn’t be ideal.

By: BRidge Logic System

BRidge Logic System — Fri, 21 May 2010 05:23:15 +0000

hi,

I am new For this flex please help me in this type of application Product that i can start from the begining.

Thanks and Regards,
Bridge Logic System Sofwtare Pvt Ltd.
9971466260
http://www.bridgelogicsystem.com/

By: Evtim

Evtim — Sun, 11 Oct 2009 18:43:28 +0000

Hey Justin, you’re right. I have it fixed at my part 2 of the FlowLayout here http://evtimmy.com/2009/06/flowlayout-part-2-gap-verticalalign-and-scrolling/

By: Justin

Justin — Thu, 01 Oct 2009 04:12:51 +0000

You’ll notice that if you make the width really small (or the elements really big) the first item is bumped down one row. So I found myself writing:

if (i>0) { y += elementHeight; }

to never move the first element down.

By: Evtim

Evtim — Sat, 29 Aug 2009 21:28:31 +0000

Hi Anil,
I think that you probably just need to use a BasicLayout container and add a click event that will change the left constraint (or x coordinate) on your box.
Take a look through the Flex SDK documentation, and additionally you can search the forums here .

By: Anil Gupta

Anil Gupta — Wed, 12 Aug 2009 09:15:37 +0000

i want to create application in flex (mxml)i want to design like,when i click on button the left box should be shifted in left please help me

By: Tadal

Tadal — Mon, 10 Aug 2009 23:08:04 +0000

Five blls
Very useful, bookmarked
Regards – many thanks for this

By: Tomislav Pokrajcic

Tomislav Pokrajcic — Wed, 29 Jul 2009 16:13:45 +0000

Hi,
thanks for tips. I did a simplest possible solution by extending BasicLayout and my updateDisplayList() looks like this:

super.updateDisplayList(width, height);


//read direction from CSS

if (target.getStyle("direction") == 'rtl') {

 for (var i:int = 0; i < target.numElements; i++) {

 var x:Number;

 var y:Number;
 var element:ILayoutElement = target.getElementAt(i);	
 x = width - element.getLayoutBoundsWidth() - element.getLayoutBoundsX();

 y = element.getLayoutBoundsY();

element.setLayoutBoundsPosition(x, y); }

It works well except that sometimes I get items that are not affected by mirroring after changing layout preferences during runtime…