Node Browser
View, search and manage the component structure of a page
Last updated
Was this helpful?
View, search and manage the component structure of a page
The Node Browser lets you view and manage the entire structure of a page. It is especially 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.
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.
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 Global.
Unlink from Global
Unlink the current selection from a Global.
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.
As well as dragging and dropping, you can use keyboard shortcuts to move components in the Node Browser. 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.
Select Previous Sibling
Option+Up arrow
Select Next Sibling
Option+Down arrow
Select Parent
Option+Up arrow
Select Child
Option+Down arrow
Move Up
Option+Command+Up arrow
Move Down
Option+Command+Down arrow
Move to Parent
Option+Command+Left arrow
Move to Child
Option+Command+Right arrow
Last updated
Was this helpful?
Was this helpful?