FlexLayouts

VerticalLayout is one of the four default layouts provided by Flex 4. When applied to a container, it arranges visual components in a single vertical column. Additional summary information can be found in The Basic Layouts.

Usage

<s:Group>
    ...
    <s:layout>
        <s:VerticalLayout gap="10" />
    </s:layout>
</s:Group>

Params

gap

The space between items in pixels.

horizontalAlign

The horizontal alignment of the column of items within the container. Values: left, center, right.

verticalAlign

The vertical alignment of the column of items within the container. Values: top, middle, bottom.

paddingLeft, paddingRight, paddingTop, paddingBottom

The spacing in pixels between the boundaries of the container and the column of items within the container.

BONUS: VerticalLayout Cheat Sheet (PDF, 258k)

Sample

full screen | view source | download

Author

Layout by Adobe and Evtim The Godfather Georgiv and sample by Justin