The elements tree enables you to review the page structure, navigate to a specific element, move an element to a different position in the page, and hide an element from view.
Using the Elements Tree
Select the elements icon from the tools menu.
The elements tree appears.
When you select an element in the WYSIWYG area, the elements tree opens to the selected element with that element highlighted. The actions in the tree are as follows:
|Expand/Collapse||Show or hide all child elements in the elements tree.|
|Show/Hide||Display or hide the element in the page.|
|Move||Move an element to a different position in the page.|
Example use cases for the element tree include:
- Navigate to a specific element in the page, for example a small icon in the footer.
- Remove rows from a table. This can be done in the page itself, but may be safer to do in the tree.
- Move a top-level element with many child elements to a different position in the page.