Adding a FlexLayout component to a form

With the form open in the designer (Web Designer in the web client, Design Mode in the Windows client), select FlexLayout in the Toolbox.
To create the approximate size and position of the component, click and drag a box on the form.
To formate and populate the FlexLayout component, open the Edit FlexLayout Attributes dialog box by clicking the Edit FlexLayout button in the upper left corner of the component.
By default, the FlexLayout component contains only one region.
To create additional regions, click Add.
To format a region to display as columns, select HorizontalBox from the Type drop-down list. To format a region to display as rows, select VerticalBox from the Type drop-down list.
For each region, set the additional properties and attributes that control how the FlexLayout component is to display.
For more information, see FlexLayout properties and attributes.
Add the required components to each region of the FlexLayout component by creating the components inside the region where you want them to display.

Note: If you are using the Orientation option Fill in a Report-type form: To make it easier to select the FlexLayout component or the contained component, you can right-click the area, select Set Current Selection from the context menu, and then select the desired component from the submenu.
Whether or not you are using the Fill option, the selected component--whether it is the FlexLayout component or a contained component--is highlighted when it is selected.