Feature Request: Insert node when hover over a connector

[Scott Peal]

When the user drags a node from the pallette and hovers between two connected nodes on the diagram, then the user drops the new node, it will insert itself between the two original nodes. Whatever connector was used before the drop, the same connector is used on both sides.

Example:

Before drop:

node1 -------conn1---------> node2

After droped between the nodes:

node1 -------conn1---------> node3-------conn1--------->node2

[Aravind Ravi]

Hi Scott, 

We are validating your requirement with our internal team and update you with more details on September 8^th 2020. 

Regards 

Aravind Ravi 

[Aravind Ravi]

Hi Scott, 

By default, in the diagram, if we drag and drop the node from palette to diagram on connector 1 means then we can able to create connection between node 1 -> connector 1 -> Dropped node. By using the same connector we can able to create multiple connections for the node. After dropped the node on Connector 1, we can disable the connection from Node 1 -> Node 2 and create a new connection for the Node 1 - > Dropped node and create a new connector as connector 2 , and create a connection from Dropped Node -> Node 2 (Node1 ---Connector1-àDropped Node ---- Connector 2---àNode 2) We cannot able to use the same connector to connect the three nodes.  

Regards 

Aravind Ravi 

[Scott Peal]

Hi 

My original post was incorrect, it should state this:

After droped between the nodes:

node1 -------conn1---------> node3-------conn2--------->node2

OnDrop: (new node3 was dropped on original conn1)

conn1.source = node1;

conn1.target = node3; 

conn2 = new conn();

conn2.settings = conn1.settings;

conn2.source = node3;

conn2.target = node2;

This behavior is typical in Microsoft Visio and a huge help for rapidly building diagrams.

Thanks for the considerations!

[Naganathan Ganesh Babu]

Hi Scott, 

 

We have created a sample to achieve your requirement. We suggest you to  use OnDrop and SelectionChange event to achieve your requirement. Please refer to the below sample and video. 

 

Sample : https://www.syncfusion.com/downloads/support/forum/157556/ze/NodeDropSample-1505000900 

 

Video : https://www.syncfusion.com/downloads/support/forum/157556/ze/Video227661711 

 

Regards, 

Naganathan K G