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.

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.

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

Right clicking on the Page Title at the top of the Component Tree gives you a list of available pages you can switch too.

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:

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