2019.2

To maximize a panel:
l
Click the Maximize button at the top-right corner of the panel.
A maximized panel takes the full available size for the panels. All other panels are minimized.
Outline pane
The Outline pane displays the current structure of the template, including all HTML tags present
in each page.
l
The display is in a treeview, the root being the Page node.
l At the top of the pane, a Text Filter box appears. Enter text in this box to only show
elements which correspond to this inclusive filter. This can be class names, IDs, or
element types (div, table, etc).
l
Under the Page node, all top-level page elements are displayed. Each element under
them is accessible by expanding (with the [+]) elements with children.
l Clicking on any element will select it in the Workspace, whether it displays the Source,
Design or Preview tab.
l Dragging an element inside the Outline pane re-orders it in the actual HTML. Elements
are executed top-to-bottom with lower elements appearing on top of previous elements
(unless a CSS Z-Index is used).
l Right-clicking an element displays a contextual menu offering the following option:
l
Delete Element: Click to delete the element from the outline view. This also
removes it in the template itself for the current section.
Resources pane
The Resources pane displays the resources that affect the template and its output.
Tip
Images, fonts, stylesheets and snippets can be dragged or copied and pasted into the Resources pane
to add them to your template.
Page 1037