Layout and containers

Containers 

You can group multiple page elements together into a container. Containers allow you to logically group together elements on a page. You can apply conditions and layout options to a container. Conditions and layout options will affect every element inside the container.

Creating a container 

You can create a container by dragging elements on top of each other or by creating copies of an element. When you create a copy of an element, the new element will automatically be added to a container along with the original element.

▲  Creating containers

Applying conditions to a container 

Once you have grouped elements together into a container, you can click on the container and use the options in the right hand panel to configure it. To apply conditions to the container, click on the conditions tab in the right panel and then use the form to configure your conditions. Once conditions have been added an indicator will be added to the container to show that the container is controlled by a condition. Conditions applied to the container will impact all elements within the container.

▲  Adding conditions to a container

Copy a container 

You can copy a container which will create a new container with all of the same elements, conditions, and layout options applied. This can be useful when you want to quickly build similar groups of content.

▲  Copy a container

Add a name to a container 

You can name your containers to make it easier to remember what each container represents. This will be helpful when you come back to edit the page or if multiple people are working on a page together.

▲  Add a name to a container

Customise the layout for a container 

Containers have layout and alignment options which you can use to customise the display of elements within the container. Elements can be laid out either horizontally or vertically and can be aligned to either the start, center, or end of the container.

When elements are added horizontally you can add as many elements as you like and each will receive it's own column inside the container.

▲  Customise the layout of a container

Was this helpful?