# Tree view

{% embed url="<https://www.youtube.com/watch?v=in0W-ZEenoY>" %}

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2Fq1igbkOth3ZtBiXWyZMS%2Fimage.png?alt=media&#x26;token=d24e33ec-9dd0-4b95-a9b9-95a92fd2335f" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FPBmgaivi7ShSGSHC02LQ%2Fimage.png?alt=media&#x26;token=93456144-28ce-41c2-839a-6b6e3334545f" alt=""><figcaption></figcaption></figure>

The tree view panel shows your entire page structure as a tree.

## Panel structure

1. Panel navigation - using these buttons you can switch between the tree view display views
2. Remove all - This allows you to remove all elements from the page
3. Expand all - Allows you to open the entire tree view items
4. Tree view items - shows the elements in the page

## Element actions

Zion Builder allows you to interact with the elements in this panel in various ways:

1. Click on a tree view item - which will open the element settings panel
2. Right-click on a tree view item - which will open the element context menu
3. Click on tree dots - which will open the element context menu
4. Click on element name - allows you to edit the element name so that you can find it easily in the interface
