Apache – FLEX: make element expand over sister elements

apache-flex

My application consists of a Panel with 3 VBox's inside it. the left most VBox contains a TileList. The TileList has many tiles and scrolls down very far so I want to give them an option to expand it. I want the Tilelist to stretch to the right covering the other 2 VBox's. Since it is on the left it is first in the MXML which I believe makes it lower on the display list.

What would be the best way to go about doing this?

Thanks!!

Best Answer

I set the Panel to layout Absolute, then put the TileList VBox last in the MXML so it would be highest on the display list. Then I used a < Resize /> to make it expand over its sister elements.

Related Solutions

R – Flex: Highlighting element on mouse over

Your class's name is Ball and constructor's name is Stone. The line addEventListener(FlexEvent.CREATION_COMPLETE, creationComplete); will never be called. Change the constructor name to Ball.

Flex tree expand and collapse

Flex item renderers are recycled, which is what is causing your data to walk like this. In your item renderer, I generally find it is useful to cast your data to a bindable value object and override the setter for data.

[Bindable]
private var myBindableValueObject:MyBindableValueObject;

override public function set data(v:Object):void
{
    if(v == data)
        return;
    myBindableValueObject = v as MyBindableValueObject;
    super.data = value;
    validateNow();
}

You will need to bind the properties of the text input and labels to values in the value object. This will make sure the proper values are displayed at the appropriate location. Using this approach should eliminate the oddities that you are experiencing.

Best Answer

Related Solutions

R – Flex: Highlighting element on mouse over

Flex tree expand and collapse

Related Topic