Setting the Flexbox orientation

Flexbox components can be set to either a vertical or a horizontal orientation. When set to a vertical orientation, the components inside that Flexbox are arranged from top to bottom. When set to a horizontal orientation, the components are arranged from left to right.

To set the orientation of the Flexbox component, use this procedure:

Select the Flexbox in the workspace.
In the component Properties panel, select the Style tab.
In the list of Style settings, locate the Orientation option and click Show More.
From the drop-down list, select the orientation option you want:
- Vertical (the default setting) - Causes components inside the Flexbox to be arranged from top to bottom.
- Horizontal - Causes components inside the Flexbox to be arranged from left to right.