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,

The Container widget is translated into an HTML div element. See Widgets and HTML Tags.

Handling Containers

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.

See Also

Container Widget Properties | Container Widget Runtime Properties | Apply Web styles | Widgets and HTML Tags