# 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 |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.realmacsoftware.com/elements-docs/elements/node-browser.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.