Screenberry logo
Working with Nodes
Navigation and Monitoring

Node Graph Navigation and Monitoring

Arranging Nodes Automatically

To align the nodes in the Node Graph, right-click on the nodes and select Auto-Layout Nodes from the dropdown menu (or press the L key). If no nodes have been selected, using the Auto-Layout Nodes function will align the entire node tree.

Auto-Layout Nodes

Fit To View For Nodes

To scale a view of one or more selected nodes to fit the Node Graph window, right-click on the nodes and select Fit to View from the dropdown menu (or press the A key). If no nodes have been selected, using the Fit to View function will bring the entire node tree into view.

Fit to View

Changing Node Size

To resize a node, select it and drag any one of its corner handles (which become visible on mouseover).

Changing Node Size

Zooming and Panning in the Node Graph

Тo zoom in and out a specific area of the Node Graph, move the mouse cursor to the location and use the mouse scroll wheel. Alternatively, click the button Zoom Button in the top right corner and move the mouse to change the magnification.

To pan a view, do one of the following:

  • Hold the mouse scroll wheel button or hold the Alt key while moving the mouse.
  • Click the button Pan Button in the top right corner and move the mouse.

Zooming and Panning

Using the Navigator Panel

The Navigator panеl (located in the bottom left corner of the Node Graph window) is a thumbnail display of a node graph. The gray frame in the Navigator panеl is the proxy view area which corresponds to the currently viewable area in the window.

Pan the node graph view quickly by dragging the gray frame in the Navigator panеl.

Zoom in and out of the node graph by using the mouse scroll wheel while the cursor is over the Navigator panеl.

Right-clicking on the Navigator panel toggles between two display modes, standard and enlarged.

To show/hide the Navigator panel, right-click an empty area in the Node Graph window and enable/disable the Minimap checkbox (or press Ctrl + M).

Navigator Panel

Nodes Color Coding

Color coding is used to indicate various types of nodes.

Nodes Color Coding

The following color scheme is set by default and can be modified in Preferences > Nodes Color Settings.

  • Copy-Paste Method:
    1. Select the chosen media items in the Media Library, another Media Player playlist, or a timeline.
    2. Copy these items by right-clicking and choosing Copy from the dropdown menu, or by using the Ctrl + C keyboard shortcut.
    3. Select the starting grid cell for the sequence of copied media items and paste the items there. This can be done by right-clicking and choosing Paste from the dropdown menu or by using the Ctrl + V shortcut.

Nodes Color Settings

Color coding is based on the Node Type, Category, and Tag.

To create a new custom Color Theme, press the button Plus Button, and assign different Hex color values to the various types, categories, and tags.

Type color settings have priority over Сategory color settings, and Сategory color settings have priority over Tag color settings when the color of a node is assigned. When no color is set in any of these groups, the node color remains gray.

Nodes Color Settings

To switch between node color schemes, select their profiles in the Color Theme drop-down list.

Nodes Color Settings

A selected Color Theme can be deleted by pressing the button X Button.

Searching the Nodes

To search for specific nodes added to the project, click the button Search Button (located in the top left corner of the Node Graph window) or press Ctrl + F, and type any part of the node name in the opened search field. Any matching nodes are displayed in the list below. Click on the node name in the list to select it in the node graph.

Searching the Nodes

If more than one node matches the search criteria, pressing F3 will switch the selection to the next node in the results list.

Searching the Nodes

Monitoring Node Parameters Using Tooltips

Moving the mouse over the node parameter name (or the pin) opens an information tooltip displaying parameter properties, including data exchange information in real-time (when applicable). This feature is particularly convenient during debugging, as it provides quick access to the relevant information without the need to refer to the node’s Settings panel.

Using Tooltips