You can organize the layout of your web screens through the Container widget. The Container widget is, as its name indicates, a container "box" where you can drag and drop other widgets, including other containers.
You should use this widget when, for example,
You want to group contents with the same layout (style, position, etc.);
You want to group contents with the same behavior, which may or may not be displayed at runtime (e.g. content displayed when a tab is selected in a multi-tab screen);
You need several levels of nesting and the table widget is too complex for the purpose.
The Container widget is translated into an HTML div element. See Widgets and HTML Tags.
To enclose a selection in a container, use the contextual menu available through the right-click. Select menu option Enclose in Container - available when you've selected a set of widgets.
To remove the enclosing container from a screen, use the contextual menu available through the right-click. Select menu option Remove Enclosing Container, available when the cursor is outside any container.
Presentation of the widget
You can specify whether or not the Container widget is presented to the end-user, in runtime, by specifying the Display property value through an expression.
You can use the Style property to customize the layout: fonts, colors, borders, etc.
When your screen design becomes too complex because you have, for example, too many nested containers, you can use the Widget Tree or the Widget selector to help select the correct widget. Learn more about how to select widgets.
This widget has Ajax capabilities. Learn more About Rich Web Screens using Ajax.
Container Widget Properties | Container Widget Runtime Properties | Apply Web styles | Widgets and HTML Tags