The following properties can be configured in the container:
Properties and settings
Settings
When used as root
When employed as the root component, the container offers the following settings:- Message: A valid JSON describing the data sent to the frontend when the process reaches a specific user task.
- Expressions (Hide): JavaScript expressions utilized to dynamically hide components based on conditions.
Starting with platform version 3.4.7, the term “Message” has evolved into “Custom UI Payload.” In the context of a User Task containing UI Elements, a significant enhancement has been introduced: when the page is rendered, the Backend (BE) now automatically transmits to the Frontend (FE) all pertinent data as process variables, seamlessly matching keys. This eliminates the need for explicit mentions of data that require pushing, streamlining the configuration process and enhancing overall efficiency.
When not used as root
When the container is not used as the root, you can configure only the Hide Condition property.
By leveraging containers, you gain the ability to structure your UI elements efficiently, enhancing the overall design and usability of your application.
Styling
-
Layout - this property is available for components that group children and includes the following options:
- Direction - Horizontal / Vertical (for example, select Horizontal)
- Justify (H) - (for example, select end)
- Align (V) - this option allows you to align components vertically
- Gap - you can set the gap between components
Layout Demos
For more information about styling and layout configuration, check the following section: