| icon |
|---|
list-tree |
The Node Browser allows you to see and manage the entire structure of your page, this is esecially useful for intricate designs, and larger more complex pages.
{% embed url="https://youtu.be/d8rFsqi0jHA" %}
{% hint style="info" %} Components can be dragged and dropped from the Node Browser to the Editor and vice versa. Components can also be dropped directly into the Node Browser. {% endhint %}
To filter down to specific Components you can use the search field, located at the bottom of the Node Browser.
The Node Browser has the following options when right-clicking on a Component in the Node Browser.
| Menu command | Action |
|---|---|
| Rename | Edit the title of the selected Component. |
| Duplicate | Duplicate a single component and/or all sub components. |
| Duplicate without Content | Will duplicate the selected Component without any of the Child components. |
| Convert to Global | Convert the current selection into a Template. |
| Unlink from Global | Unlink the current selection into a Template. |
| Select Similar | Will select all matching Components in the Node Browser. |
| View Help… | Opens the default System browser with the Help page for the selected Component. |
| Remove | Deletes the currently selected Component. |
{% hint style="info" %} Right clicking on the Page Title at the top of the Component Tree gives you a list of available pages you can switch too. {% endhint %}
As well as drag and drop, you can also use Keyboard Shortcuts to move Elements in the Node tree. Watch the video below to learn more about this advanced feature:
{% embed url="https://www.youtube.com/watch?v=myHZq5hb8TE" %}
The following is a list of keyboard shortcuts for moving nodes within the Node Browser and Editor.
| Action | Keyboard Shortcut |
|---|---|
| Select Previous Sibling | Option+Up arrow |
| Select Next Sibling | Option+Down arrow |
| Select Parent | Option+Up arrow |
| Select Child | Option+Down arrow |
| Move Up | Options+Command+Up arrow |
| Move Down | Options+Command+Up arrow |
| Move to Parent | Options+Command+Left arrow |
| Move to Child | Options+Command+Right arrow |