The Layouts editor, a tour
Open any layout with Layouts > Layouts (or Shared layouts) and its name. The editor fills the browser window.
Contents
The top bar
| Part | Does |
|---|---|
| Layout name with a pencil | the layout's name |
| Discard | throw away the draft (asks first) |
| Cancel | shown while a block is selected |
| Publish layout | make the draft the published layout |
... | more actions |
The block palette
The + button at the top left opens the palette. Its groups and blocks on this installation:
| Group | Blocks |
|---|---|
| Basic | Title, Text, Button / Link, Rich text, External video, Map, Markdown, HTML snippet, Image, Spacer, Divider, Card, Alert, Badge, Progress bar, Accordion, Tabs |
| Components | Hero, About, Features, Logos, Quote, Lead |
| Listing | List, Grid, Zig-Zag (List), Accordion (List) |
| Gallery | Gallery, Slider, Thumb gallery, Grid gallery, Sushi bar, Carousel |
| Containers | Column, Two columns, Three columns, Four columns |
| Placeholders | Template block, Full view, Single content |
Drag a block from the palette into a zone. Extensions can add their own (Add a block type).
Zones and blocks
Zones are the dashed areas, labelled with their identifier (HEADER, MAIN, PRE_FOOTER ...). A linked zone shows the blocks of a shared layout (Shared layouts and zone linking).
Each block has a header: a drag handle, the view type in capitals, the block type's name, and a ... menu. The
middle of the block shows a preview. Containers (Column, Two columns ...) hold other blocks in their placeholders.
The properties panel
Click a block to select it. The panel on the right has two tabs:
- Content: the block label, and for listing blocks the Collection type and the Items (Manual and dynamic collections).
- Design: the view type and the block's options (The Design tab).
Changes are saved into the draft as you make them and the preview in the middle follows, with one exception on the Design tab (Known editor behaviors).
Leaving the editor
Nothing is visible on the site until Publish layout. A draft stays in the database when you leave the editor
(./console exp:layouts list --drafts lists open drafts); Discard removes it.
Related pages
- Change the prefooter in the Layouts editor
- The layouts editor
- Known editor behaviors
- Free documentation: this page is free to copy, translate and improve under the GNU FDL 1.3.
Become an Exponential Partner
Partners share their information, provide funding, contribute back and develop the products with us, and that is how Exponential grows. A partner website and dashboard are planned for mid-2027: please become a partner today to speed up our growth rate and land new features faster.