Question

I put a TileGroup in a BorderContainer and set the width to 100%, but the content in the TileGroup did not fill the parent container, it leaves a big chunk of blank on the right part.

The code is:

 <s:BorderContainer width="100%" height="100%">
    <s:TileGroup width="100%" requestedColumnCount="2">
        <s:Button>
            button1
        </s:Button>
        <s:Button>
            button2
        </s:Button>
        <s:Button>
            button3
        </s:Button>
    </s:TileGroup>
</s:BorderContainer>

and the result is like this:

http://i.minus.com/iN39P7Us4cBm1.png

The width is already set to 100% but it does not work.

Is there any way to make the TileGroup fill the container like GridLayout does in Java swing?

http://www.java2s.com/Code/JavaImages/GridLayoutPane.PNG

Thank you very much.

Answer 1

By default the items are aligned to the left and take up only as much space as they need. To make the items fill up all available space, use the columnAlign property and set it to ColumnAlign.JUSTIFY_USING_WIDTH:

<s:TileGroup columnAlign="justifyUsingWidth" width="100%"
             requestedColumnCount="2" />