Container component

Group related page components with shared layout and spacing.

Use a Container component to group related components in one area on a page. Use it when components belong together and should share spacing or visibility settings.

You can use Flow to organize elements inside the container. You can also add a Background color to visually separate one section from the rest of the page.

Add a Container component to a page

1

Open the Add tab

In the Settings panel, open Add.

2

Add Container

Under Layouts, click Container. Place it where you want it on the page.

3

Move components into the container

Drag the views, charts, buttons, or text components you want to group. Then select the container again.

4

Adjust the container

Open Settings. Review the Flow, Background, spacing, and visibility options. Use the resize handles to adjust its size.

Configure a Container component

In Settings, review these options:

• Label for the title shown on the component
• Internal name is filled automatically. Change it only if needed and carefully. When you script, you use Internal name, not Label.

Use Display to configure the container layout and style:

• Flow to define how components are arranged inside the container, for example left to right or top to bottom
• Padding to set the inner spacing inside the container
• Margin to set the outer spacing around the container
• Border to choose the border style, border color, and border width in px
• Border radius to round the container corners
• Background to choose no color, a preset color, or a custom hex or RGB color
• Shadow to add depth around the container
• Gap to set the space between components inside the container
• Overflow to control how content behaves when it exceeds the container

For settings with the dynamic value icon, click it to define the value with logic.

Use Visibility to choose one of these options:

• Visible to show the component on the page
• Hidden to hide the component on the page
• Conditional to define a Visibility condition that controls when the component is shown or hidden

  Use Conditional when the container should appear only in specific cases.

  Build the condition based on Fields and Tables.

  This only affects what is shown on the page. It does not change records or permissions.

To remove a component from a page, select the component, then click Delete component in the blue menu above it.