2020.2

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.
Media
Media resources define paper handling configurations for Print output (see "Generating Print
output" on page949 and "Print options" on page680) including page size and paper type. See
"Media" on page157 for more information.
Contextual menu
l
New Media: Click to create a new Media and open its properties ("Media Properties" on
page489).
l
Delete: Click to delete the resource. This is the same as pressing the Delete key while
the resource is selected.
Page 557