# Node Browser

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 %}

### Search/Filter Components

To filter down to specific Components you can use the search field, located at the bottom of the Node Browser.

### Right-Click Options

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](https://docs.realmacsoftware.com/elements-docs/elements/templates). |
| Unlink from Global        | Unlink the current selection into a [Template](https://docs.realmacsoftware.com/elements-docs/elements/templates).  |
| 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 %}

### Keyboard Shortcuts

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 |