Question

Here is a simple layout question I don’t know how to answer.

I have an HGroup that consists of three elements:

1. Regular Flex Group that should stretch 50%;
2. Button whose width is specified in px (say, 100px);
3. Another Flex Group that should take the rest of the space.

The question is, what is the best way to tell my third element (Another Flex Group) to take all the free space?

Answer 1

Here is what I would do to keep the 50% integrity

<s:HGroup width="100%">
    <s:Group width="50%" />
    <s:HGroup width="50%">
        <s:Button width="100"/>
        <s:Group width="100%" />
     </s:HGroup>
</s:HGroup> 

EDIT: a little more explanation

setting the group width to 100% will make it stretch and take up whatever room is left (within the 50% on the right)