Menu Order; Bring to Front doesn't work for a node and connector overlap

[Simon OBrien]

Hi,

After looking at the demo on this page https://ej2.syncfusion.com/angular/documentation/diagram/context-menu/ ; it appears that the "bring to front" / "send to back" 

functionality works for nodes and also for connectors by themselves - but not nodes and connectors.

For example, if I have a connector and a node placed on the diagram, the user can't "send to back" the connector behind the node and also interchangeably.

Is this correct? if so do you know if there is a workaround?

Regards,

Simon O'Brien

[Gowtham Gunashekar]

Hi Simon, 

 

We have created a sample with shared documentation and performed the order command on both node and connector and found it working fine. In the shared documentation link all the nodes and connect were took place in same color, that may seems like connector does not undergo the order command functionality. We have added the sample link and video link for your reference. In the sample we have added different color to connector, and you can see all the nodes and connect undergoes the order command operation without fail.  

   

Sample link: https://stackblitz.com/edit/angular-mu72gq 

Video link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/connectorOrderCommand-1125859791.zip 

 

If you are still facing any difficulties with order command means, please share with us a video demonstration that will help us to proceed further.  

 

Regards, 

Gowtham 

[Simon OBrien]

Hi Gowtham,

Thanks for your reply.  Apologies for the misleading example, I've done some further investigation.

I've attached a zip file with some sample code.  In this sample, there are 2 nodes defined - one is a of shape type 'Basic" and the other is shape type 'Native'.

The issue is, is that context menu order "send to back" or "bring to front" does not always work when  a native node and a basic node overlay each other.  

Any help is much appreciated.

Regards,

Simon 

Attachment: myapp_75f8467a.zip

[Gowtham Gunashekar]

 

Hi Simon, 

 

On the further analysis of the shared details, we found you have tried the order commands between the normal node and Native node. We cannot perform the order commands between the normal nodes and Native or HTML nodes, because the normal takes place in the diagram layer and HTML nodes takes HTML layer and Native node takes place on the Native layer. The thing is that we can only move the node backward or forward inside the layer. In your case, the basic node takes place in Diagram layer and native node takes place in the native layer so we cannot move the node from one layer to another layer, it’s our implementational  behavior we don’t have any option to change this behavior. We suggest you to use all the nodes as the normal node or all the nodes as native node to overcome this issue. 

 

 

 

 

 

Regards, 

Gowtham. 

[Simon OBrien]

Thanks Gowtham, that makes sense.

[Gowtham Gunashekar]

Hi Simon, 

 

Thanks for your update. Please let us know whether you need any further assistance on this. 

 

 

Regards  

 

Gowtham