.. ================================================== .. FOR YOUR INFORMATION .. -------------------------------------------------- .. -*- coding: utf-8 -*- with BOM. .. include:: ../../../../../Includes.txt .. _users_bestpractice_layouts_element_general: General ======= You can assign content elements to grids. This is a powerful tool for individual designs. Available grids are * columns (1 to 6) * accordion * tab Workflow -------- .. figure:: 02_nested_layouts_01_content_wizard.jpg :width: 600px :alt: Gridelements in the content wizard Gridelements in the content wizard You can nest gridelements. .. figure:: 02_nested_layouts_03_gridelement.jpg :width: 400px :alt: Properties of a gridelement Properties of a gridelement You can control the responsive behaviour with the properties columns arrangement. .. figure:: 02_nested_layouts_04_page_02.jpg :width: 600px :alt: 3 columns gridelement with one text element per column 3 columns gridelement with one text element per column You can create every content element in the grid. A gridelement too. Frontend -------- .. figure:: 02_nested_layouts_06_desktop.jpg :width: 600px :alt: Layout based on the gridelement on a desktop Result on a desktop .. figure:: 02_nested_layouts_06_smartphone.jpg :width: 200px :alt: Layout based on the gridelement on a smartphone Result on a smartphone