chevron_right Demos chevron_right Move Unselected Nodes
Related demos
Book a live Demo

Live Demo — yFiles in Action

30–45 min | Online | No install required

For Developers, Product Mangers & Executives

  • Interactive graph visualization in real time
  • Integration example
  • Live Q&A and next step recommendations

30–45 minutes | 1:1 or team session

Book a free live demo

Live Demo — yFiles in Action

30–45 min | Online | No install required

For Developers, Product Mangers & Executives

30–45 minutes | 1:1 or team session

Book a free live demo

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.