Outline Panel
The Outline panel provides a bird's eye view of all the content on your layout and a streamlined interface to edit and interact with layout content.
Last updated
Was this helpful?
The Outline panel provides a bird's eye view of all the content on your layout and a streamlined interface to edit and interact with layout content.
Last updated
Was this helpful?
Attempting to drag a row from "below the fold" on a long page could always be a bit agonizing. The Outline panel makes it easy to rearrange content on large pages and to quickly jump around and edit different parts of a page.
Click the Outline icon in the Top Bar to open the Outline panel, which lets you view and modify the structure of your page layout in an outline format:
You can Expand (show) and Collapse (hide) all items using the Outline Panel actions menu item ( Ellipsis icon).
Toggle Outline Panel - & O
Expand or Collapse the Tree View - Shift & T
Using the Outline Panel's keyboard shortcuts, you can open and close the Outline Panel as well as expand and collapse the tree view.
Click once in any entry in the Outline panel to scroll to that element in the layout. Click twice to open that element's settings.
You can quickly move content such as rows, columns (except for child columns), and modules within the Outline Panel using drag-and-drop.
Right-click any entry to see a list of available options.
Rows and Columns have Open settings and Remove options.
Modules have Open settings, Duplicate, and Remove options.
You can add a label via the Advanced tab of a row, column, or module that helps to identify its purpose in Outline Panel tree view. In the following screenshot, the Outline panel shows the label Hero Heading that was added to a Heading module.
