Flex#

Overview#

The Flex Widget provides a mechanism to define a layout grid. In the following example we use a Flex widget to hold three buttons for a UI Page.

To use the Flex Widget in an UIPage, follow the steps below.

1. In any UIPage in Build mode, select the Flex Widget from the Widgets list located in the right side of the page, and drag and drop to the correct place in the UIPage.
2. Enter the Settings section of the Widget.
3. In the General tab, provide a name for the Widget, a description, and specify whether it should display the header and also if the user can activate the full screen mode.
4. In the setup tab provide the direction of the flex.
5. In the slots folder define the number of slots and their properties.
6. Optionally define the inputs.
7. Define the links between this Widget and other elements of the UIPage. By saving and closing the settings, the widget will be changed accordingly.