Container "box" where you can drag and drop other widgets, including other containers, to organize the layout of the screen.
Containers allow you to:
- Group content with the same layout (style, position, etc.);
- Group content with the same behavior (for example, content that must be visible or hidden in the screen at the same time);
- Create a nested structure of content.
|Name||Identifies an element in the scope where it is defined, like a screen, action, or module.||Yes|
|Width||Width of the widget in columns. Other accepted units are pixels(px), points(pt), or percentage(%). Overrides the style sheet definition.|
|Min. Height||Minimum height of the widget in pixels. Other accepted units are points(pt) or percentage(%).|
|Margin Left||Left margin of the widget in columns. Other accepted units are pixels(px), points(pt), or percentage(%). Overrides the style sheet definition.|
|Margin Top||Top margin of the widget in pixels. Other accepted units are points(pt) or percentage(%). Overrides the style sheet definition.|
|Align||Specifies the horizontal alignment of the widgets inside this widget.||Yes|
|Style Classes||Specifies one or more style classes to apply to the widget. Separate multiple values with spaces.|
|Property||Name of an attribute to add to the HTML translation for this element.||You can pick a property from the drop-down list or type a free text. The name of the property will not be validated by the platform.
Duplicated properties are not allowed. Spaces, " or ' are also not allowed.
|Value||Value of the attribute.||You can type the value directly or write expressions using the Expression Editor.
If the Value is empty, the corresponding HTML tag is created as property="property". For example, the nowrap property does not require a value, therefore nowrap="nowrap" is added.
|Destination||Screen to which to navigate.|