Layout Blocks

Table Block

Table blocks can be used to represent data. They can include header or footer rows and have sortable columns. Table blocks can contain text or inline images and their content can be alight to the left, right or center. By default, table blocks are plain but can be made striped if desired.

Header	Header	Header	Header	Header
Table data.	Table data.	Table data.	Table data.	Table data.
Table data.	Table data.	Table data.	Table data.	Table data.
Table data.	Table data.	An inline image.	Table data.	Table data.
Table data.	Table data.	Table data.	Table data.	Table data.
Footer	Footer	Footer	Footer	Footer

To learn more about using table blocks, please see this CAEN Knowledge Base article.

Group Block

The group block can be used to combine other blocks into a single container. This is useful for organizing blocks of content on a page or giving a group of blocks the same background or text color. It is also useful for moving multiple blocks around a page as a unit. Additionally, group blocks can be used to create reusable blocks which can be saved and used as repeated elements on a page.

To learn more about using group blocks, please see this CAEN Knowledge Base article.

Column Block

Column blocks can be used to add content that may have a layout different from the main layout to a page. They can contain other blocks of any type.

2 equal width columns

Anywhere between 2 and 6 columns of varying width ratios can be created.

3 columns with a 25/50/25 ratio

Additionally, column blocks can be placed inside column blocks to create more complex layouts.

2 equal width columns with 2 additional equal width columns nested in the second

To learn more about using column blocks, please see this CAEN Knowledge Base article.

Advanced Column Block

Similarly to column blocks, advanced column blocks can be used to implement custom layouts. While column blocks are better suited to more specific content within a page, advanced column blocks can be used to give whole sections, or even the whole page a custom layout. They are fully responsive and are available in various presets. Advanced column blocks have margins, paddings and column spacings that can be adjusted. They can be given a background color or image and can be set so that all text in the block uses a custom color.

A sample page created using advanced columns for its layout. The block sections on this page are a great example of advanced column blocks, featuring custom margins, paddings, and background colors.

Separator Block

The separator block can be used to add a horizontal line divider to a page. This can be useful when trying to separate blocks of content. It is available in 3 different styles and its color can be customized as desired.

A full width separator block

A dotted separator block

Spacer Block

The spacer block can be used to add whitespace between any other blocks on a page. It has a fully customizable height and can be applied with or without a divider in it’s center. These accompanying dividers are available in 3 different styles (dashed, dotted and solid) and their heights can also be varied.

Some text separated by a spacer block without a divider.

Some text separated by a spacer block with a thin, solid divider.