Layout Elements

Layout Elements

You can place any layout element onto your designer canvas to get started. Here's a run-through of each element and how they work to contain your content. Once you have placed your element you control the properties of the element to adjust things like size, space, font, etc.

Column

Columns are used for grouping content vertically. Just drag and drop it onto your canvas.

Row

Rows are used for grouping content horizontally. Just drag and drop it onto your canvas.

Prespaced Row and Column element

You can also choose to add a pre-spaced element that is made up of rows and columns to speed up your build. You can then add additional elements if you wish to. Just drag and drop it onto your canvas.

Properties

Once you have placed your element you control the properties of the element to adjust things like size, space, font, etc.

---

Deprecated Elements

For reference, these are the previous layout elements that have now been deprecated. They will still function and be editable but you might wish to convert them to the new types for additional functionality.

Section (Legacy)

Sections are top-level layout elements used for grouping elements together. This means that they are the only type of element that can be placed in the Body of the template. All other elements must be placed within a section.

Column (Legacy)

Columns are used for grouping content vertically.

Row (Legacy)

Rows are used to group Column elements together.

Rows can only be dropped into Column elements.