Concepts
Layout & design
Layout structure
4 min
the homescreen , including its subpages, is based on a grid structure that is created using the layout editor in the dashboard let's take a look at a typical homescreen layout how did we create this? here is the underlying structure as you can see, a layout is built by adding sections, each with a certain number of slots , and then placing blocks or additional sections within them below is a description of each part of the diagram above section placement contains top outside section 1 row, 2 columns = 2 slots 2 nested sections lefty & righty lefty nested inside top within top's first column 2 rows, 1 column = 2 slots 2 blocks righty nested inside top within top's second column 3 rows, 1 column = 3 slots 1 nested section your stuff your stuff nested inside top within top's second column a header and title 1 row, 2 columns = 2 slots 2 blocks keep reading to understand what these terms mean sections & slots a section is a container where blocks and nested sections can be placed it has a specific place in the layout, and can have a header (colored divider) that spans the top, with a title a section also has its own layout, which affects the number of slots in a grid layout, you can set up one or more slots by adjusting the number of rows and columns e ach slot can contain one block or section this is seen in the diagram above in a mini list layout, a section has one slot, where you can add multiple blocks that appear in a list format blocks a section may contain one or more blocks, depending on how many slots are set up feature blocks these can be either links to modules within the app, with their own interface, or external links to websites feature blocks within a section can be moved into any order and then remain there permanently content blocks these link to content items, which may change over time and are dynamically linked to sections using display tags content blocks can either be moved manually into any order within a section, or set up in a specific sort order menu blocks these link to a sub layout where users can access additional content, such as a series of videos, or a module for a feature how do i get started creating a layout? for detailed steps, see design your layout