Adding FlexLayout components to a form

To add a FlexLayout component to a form:

  1. With the form open in Design Mode (or the Web Designer), 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.
  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.
    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.