Package | spark.layouts |
Class | public class VerticalLayout |
Inheritance | VerticalLayout ![]() ![]() ![]() |
Subclasses | FormLayout |
Language Version: | ActionScript 3.0 |
Product Version: | Flex 4 |
Runtime Versions: | Flash Player 10, AIR 1.5 |
The vertical position of the elements is determined by arranging them in a vertical sequence, top to bottom, taking into account the padding before the first element and the gaps between the elements.
The horizontal position of the elements is determined by the layout's
horizontalAlign
property.
During the execution of the measure()
method,
the default size of the container is calculated by
accumulating the preferred sizes of the elements, including gaps and padding.
When requestedRowCount
is set, only the space for that many elements
is measured, starting from the first element.
During the execution of the updateDisplayList()
method,
the height of each element is calculated
according to the following rules, listed in their respective order of
precedence (element's minimum height and maximum height are always respected):
- If
variableRowHeight
isfalse
, then set the element's height to the value of therowHeight
property. - If the element's
percentHeight
is set, then calculate the element's height by distributing the available container height between all elements with apercentHeight
setting. The available container height is equal to the container height minus the gaps, the padding and the space occupied by the rest of the elements. The element'sprecentHeight
property is ignored when the layout is virtualized. - Set the element's height to its preferred height.
The width of each element is calculated according to the following rules, listed in their respective order of precedence (element's minimum width and maximum width are always respected):
- If
horizontalAlign
is"justify"
, then set the element's width to the container width. - If
horizontalAlign
is"contentJustify"
, then set the element's width to the maximum between the container's width and all elements' preferred width. - If the element's
percentWidth
is set, then calculate the element's width as a percentage of the container's width. - Set the element's width to its preferred width.

The <s:VerticalLayout>
tag inherits all of the tag
attributes of its superclass and adds the following tag attributes:
<s:VerticalLayout Properties gap="6" horizontalAlign="left" paddingBottom="0" paddingLeft="0" paddingRight="0" paddingTop="0" requestedMaxRowCount="-1" requestedMinRowCount="-1" requestedRowCount="-1" rowHeight="calculated" variableRowHeight="true" verticalAlign="top" />
More examples
Set the layout of a Spark container
Set the padding and gap of a layout
Set the alignment of a layout
Set the row height or column width of a layout
Property | Defined By | ||
---|---|---|---|
![]() | constructor : Object
A reference to the class object or constructor function for a given object instance. | Object |
Method | Defined By | ||
---|---|---|---|
![]() |
Indicates whether an object has a specified property defined. | Object | |
![]() |
Indicates whether an instance of the Object class is in the prototype chain of the object specified
as the parameter. | Object | |
![]() |
Indicates whether the specified property exists and is enumerable. | Object | |
![]() |
Sets the availability of a dynamic property for loop operations. | Object | |
![]() |
Returns the string representation of this object, formatted according to locale-specific conventions. | Object | |
![]() |
Returns the string representation of the specified object. | Object | |
![]() |
Returns the primitive value of the specified object. | Object |
Wed Nov 21 2018, 06:34 AM -08:00