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 Pagenode.
- 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 thePagenode, 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 theWorkspace,
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 .
|
|