Outline Pane

The Outline Pane displays the current structure of the template, including all HTML tags present in each page.

• The display is in a treeview, the root being the Page node.
• 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).
• Under the Page node, all top-level page elements are displayed. Each element under them is accessible by expanding (with the [+]) elements with children.
• Clicking on any element will select it in the Workspace, whether it displays the Source, Design or Preview tab.
• 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).
• Right-clicking an element displays a contextual menu offering the following options:
• Delete Element: Click to delete the element from the outline view. This also removes it in the template itself for the current section.