Layout Panels
The layout editor is broken down into a few key components. The following chart outlines common panels/button available in the layout editor and their function.
| Element | Location | Purpose |
|---|---|---|
| Activity Indicator | Topbar | Displays success/failure status of different activities in the layout editor. |
| Layout Container Name | Topbar | The name of the object for which this layout applies. Ex: Pages, Channel Layouts |
| Box | Topbar | Creates a new box on the bottom of the layout. See Boxes |
| Divider | Topbar | Created a new divider box on the bottom of the layout. See Boxes |
| Section | Topbar | Adds a new section to the bottom of the layout. see Sections |
| Content | Topbar (contextual) | Allows placing of a content box on certain types of layouts. See [[ |
These screenshots display the key components of the layout editor discussed above.
The layout editor topbar. From left to right, update messages, layout object name, box and section buttons, template saving, previews and back button.
The sidebar allows for the majority of property changes on elements of a layout.
The properties of the current layout. These options can be changed via the pencil icon.
The layout area where boxes and widgets in the layout are displayed. Clicking on a box or widget shows the sub-panel for that element.
The sidebar panel displaying the actions available for a box.
Expanded box properties panel.
The widget additional panel displaying widgets that can be added to a box.
The properties panel of an asset widget. Properties can change depending on the widgets functionality.
From left to right the alignment, lock and close icons used to position the sidebar.
