Flex Direction property

Official Content
This documentation is valid for:
Determines the direction of the main-axis (and the cross-axis, perpendicular to the main-axis). The direction children items are placed inside the Flexbox layout.


Column Controls are displayed vertically, as a column (from top to bottom).
Column Reverse Controls are displayed vertically, as a column, in reverse order (from bottom to top).
Row Default value. Controls are displayed horizontally, as a row (from left to right).
Row Reverse Controls are displayed horizontally, as a row, in reverse order (from right to left).


Controls the direction in which embedded controls are laid out in a flex container (layout or grid).

There are 4 options, but the most commonly used are Row (default) and Column values. The Column option stacks children vertically from top to bottom, and the Row option stacks children from left to right. The reverse variants reverse the order.

Column value
Column Reverse value
Row value
Row Reverse value

FlexDirection domain

Possible flex directions for setting the FlexDirection property at runtime.

Note: FlexDirection property is only available at runtime for a Grid control with Control Type property as 'SD Flex Grid' or Custom Render property as 'Flex'.

Row Row direction.
RowReverse Row Reverse direction.
Column Column direction.
ColumnReverse Column Reverse direction.


This property applies both at run-time and at design-time.


This property is available since GeneXus 15 upgrade 12.


Platforms: Web(.Net, Java), Smart Devices(Android, IOS)
Controls: FreeStyle Grid, Grid, Table