Adding FlexLayout components to a form

To add a FlexLayout component to a form:

1. With the form open and in Design Mode, select “FlexLayout” in the Toolbox.
2. To create the initial size and position of the component, left-click and drag a box on the form.
3. To open the “Edit FlexLayout Attributes” dialog box, click the “Edit FlexLayout” button in the upper left corner of the component
4. To cause any regions created to display as columns, specify “HorizontalBox” In the “Type” field. To cause any regions created to display as rows, specify “VerticalBox” in the “Type” field.
5. By default, the FlexLayout component contains one region. To create additional regions, click “Add”.
6. For each region, set the properties and attributes that control how the FlexLayout component is to display.
   See “FlexLayout properties and attributes”.
7. Add the required components to each region of the FlexLayout component by creating the components inside the region where you want them to display.