Content Columns (component builder)

There are many different content components in the upgrade store. When there are billions of permutations it's impossible to build them all.

Content columns (and content columns with parallax) is the most powerfull component in the library. With it you can create your own structure of elements in the CMS form editor.

The freedom you get for creating your own structure comes at a price. The many levels of depth make this component more difficult to manage then one-off specialized components. We recommend to use content columns only if you cannot find the right component in the store and do not have the skill to build your own page components in the developer.

 

Upgrade Store

Install the Content Columns component by pressing the menu button in the top bar and navigating to the Upgrade Center. Once there press the Page Components button and search the Content Columns component. Click add to site.

Screenshot_32-9

 

Add Content Columns to page

Simply press the blue plus button...

Screenshot_33-4

... and select the Content Columns component from the list with all the installed components.

Screenshot_35-5

Edit Content Columns

The form editor will open when you added the component to the page.

You can simply add a column or select as many as you'd like at once.

Screenshot_36-3

 

You can set the width of the column for every device (large desktops, laptops, tablets and smartphones). The maximum width of a column is always 12 (taking the entire row).

Click save if you changed the column properties.

Click edit column to add elements to the created column.

Screenshot_37-4

 

Add different types of content to the column or tile and edit them. You can also layer columns within columns. This also makes it more difficult to keep track of all the columns and edit them.

Screenshot_38-5

 

Within the content or tile you can start to add individual items (e.g. text, title, image, button).

 

Screenshot_39-4

 

After adding multiple items to the content you can rearrange the order of the items by pressing the triple dots icon. The items you selected will be highlighted on the left to better order the items. You can simply drag the items in the order you'd like by grabbing the item at the 6 little dots.

Screenshot_43-3

This comes in handy when there's multiple items with the same name.

Screenshot_44-4