Container
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
Properties
Name | Description | Mandatory | Default value | Observations |
---|---|---|---|---|
Name | Identifies an element in the scope where it is defined, like a screen, action, or module. | Yes | ||
Align | Specifies the horizontal alignment of the widgets inside this widget. | Yes | ||
Visible | Boolean literal or expression that defines if the widget is displayed. | Yes | True | |
Animate | Performs an animation on the widget when the visible property changes at runtime. | No | ||
Layout | ||||
Width | Width 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. | |||
Margin Left | Left margin of the widget in columns. Other accepted units are pixels(px), points(pt), or percentage(%). Overrides the style sheet definition. | |||
Style Classes | Specifies one or more style classes to apply to the widget. Separate multiple values with spaces. | |||
Attributes | ||||
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. |
Events
Name | Description | Mandatory | Observations |
---|---|---|---|
Event | JavaScript or custom event to be handled. | ||
Handler | JavaScript event handler. |
Runtime Properties
Name | Description | Read Only | Type | Observations |
---|---|---|---|---|
Id | Identifies the widget instance at runtime (HTML 'id' attribute). You can use it in JavaScript and Extended Properties. | Yes | Text |