chevron_right Demos chevron_right Move Unselected Nodes
Discover More
Book a live Demo

See yFiles in action

30 min • Online • No install required


For developers, PMs & tech leads

  • Quick-start walkthrough + a real integration example
  • Live Q&A with next-step recommendations

Prefer another tool over Zoom? Just say so when you book.

Opens our scheduling page with Zoom's booking widget embedded. Using it shares your data with Zoom under its Privacy Policy.

See yFiles in action

30 min • Online • No install required


For developers, PMs & tech leads

Prefer another tool over Zoom? Just say so when you book.

Opens our scheduling page with Zoom's booking widget embedded. Using it shares your data with Zoom under its Privacy Policy.

Move Unselected Nodes Demo

This demo shows how the GraphEditorInputMode.moveUnselectedItemsInputMode can be constrained, e.g., with keys or custom hit testing.

Things to Try

Move Unselected Settings

The Move Unselected Nodes combo box provides different modes which determine whether a node can be moved.

Always
Nodes can always be moved by dragging them without selecting them first. This is the standard behavior of the special move input mode.
Shift Not Pressed
Nodes cannot be moved if the Shift key is held down while dragging. Instead, this gesture may start edge creation if the Edge Creation Mode is set to default.
Drag at Top
Nodes can only be moved when dragged at their top. Note how the cursor changes when you hover over different areas of the node.
If Move Enabled
Nodes can only be moved if the Move Enabled button is activated.
Never
Unselected nodes cannot be moved.

Edge Creation Settings

The Edge Creation Mode combo box provides different behaviors for the edge creation gesture.

Default
The default edge creation behavior. When this is set, users may not be able to create edges because the node may be moved instead.
At Port Candidates
This allows edge creation to start at distinct port candidates which also works in conjunction with moving unselected nodes.