The main purpose of the
Containercomponent is to act as separate host for other child components. It groups a set of components together in a dedicated frame, arranged on a separate grid from the main application canvas. A
Containercan be made scrollable to create a scroll container to place larger content than the available space.
When the dimensions of a
Containeron the canvas are adjusted, its content resizes dynamically.
Container content resizes dynamically
Use this component to create separate areas in your app for specific component groups. The styling options allows these blocks to stand out visually compared to the rest of the application.
Containercomponent offers the following configuration properties.
When the "Show Header" property is set to
Determines whether the container should allow scrolling in case its content is larger than the container itself. If disabled, overflowing content is hidden and not accessible to the end user.
When set to
A container with "Scrollable" set to
falseis still scrollable in the app editor, but highlights overflowing content with a red background.
Warning the user about potentially inaccessible container content
The purpose of this is to still allow the app editor to freely modify the container content, while aware that some content will be inaccessible for the app user. The production version does not scroll for such a container, and cuts off overflowing content.
Containerdoes not offer any events.
Property / Function
Current string value of the "Header text" configuration.
Sets the header text to the provided string value.
Adjusts the flag whether the header text should be displayed to the provided boolean value.
Current boolean value of the "Show header" configuration.