A container in Flowx is a versatile building block that empowers you to group components and arrange them as needed, providing flexibility in UI design. It can also serve as the root component for your design.
The following properties can be configured in the container:
When employed as the root component, the container offers the following settings:
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 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.
Layout - this property is available for components that group children and includes the following options:
More layout demos available below:
When you apply the above properties, you can generate the following output, with the button appearing on the right side of the container, underneath the form with three form elements:
For more information about styling and layout configuration, check the following section: