2. Grid elements

'Grid elements' are specific content templates that can be used on the website, to create columns, collapsible content and tabs with content. (2.1)

The 'Two columns grid' element allows you to divide the content area in two equally sized columns. (2.2)

The 'Three columns grid' element allows you to divide the content area in three equally sized columns. (2.3)

The 'Four columns grid' element allows you to divide the content area in four equally sized columns. (2.4)

When using a page template layout, that does not have a grid that contains the content (meaning, the content will flow out to the edges of the page), the 'Advanced one column grid' element can create a limit for the content. In the image you can se two text elements, one without the container (above) and one with (below). (2.5)

Learn more about advanced columns here >>

The 'Advanced two columns grid' element divides the content area into two columns, and you are able to specify the relation between the two columns. (2.6)

Learn more about advanced columns here >>

The 'Advanced three columns grid' element divides the content area into three columns, and you are able to specify the relation between the three columns.  (Img. 2.7)

Learn more about advanced columns here >>

The 'Advanced four columns grid' element divides the content area into four columns, and you are able to specify the relation between the four columns. (Img. 2.8)

Learn more about advanced columns here >>

The 'Collapsible' element, in combination with the 'Group of collapsibles' element, can for example be used to create an FAQ (Frequently Asked Questions).  (2.9)

Learn how to create collapsible content here >>

The 'Parallax' elements lets a background image move at a slower speed then the page scroll.

Learn more about the parallax and see example here >>

The 'Slider container' element can be used, for example, to create some gallery of images or just for simple slider on startpage. (2.10) 

Learn how to create 'Slider container' here >>

The 'Tab' elements, used inside the 'Group of tabs' element, creates a tab layout on the page. It is a perfect to fit a lot of content into one page, instead of dividing it on separate pages. (2.11)

Learn more about creating tabs here >>