Edge Reconnection Port Candidate Provider Demo

This demo shows how the reconnection of edge ports can be customized and restricted.

This is done with custom implementations of IEdgeReconnectionPortCandidateProvider that are added to the lookup of the edges.

Things to Try

Select an edge and drag one of its port handles to another node. When over a node, green indicators highlight valid new locations for the port.

Edge Types

  • Red edges cannot be moved to another port.
  • Orange edges connect to other orange nodes, but you cannot create self-loops.
  • Blue edges connect to all other ports (black and white dots). Note that the blue edge will reuse existing port locations.
  • Green edges connect to any location inside of other green nodes when the Shift key is pressed.