We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Change options displayed on Node selection


I don't want the line symbol when a node is selected. How can I manage the options appeared (Clone, Property window, Line bridging) on node selection.

Thank you.

3 Replies

SG Shyam G Syncfusion Team June 16, 2017 11:36 AM UTC

Hi Indrani, 
Please confirm us whether you need to hide the line tool userhandles while selecting the node. If yes, please use selectionChange event in which you can hide the line tool userhandles. If we misunderstood your requirement, please provide us more details such as explain your requirement in detail with screenshot. Please refer to the code example below. 
Code  example: 
DiagramProperties model = new DiagramProperties(); 
//define selectionchange event 
model.SelectionChange = "selectionchange"; 
function selectionchange(args) {         
        if (args.state === "changed") { 
       if (args.model.selectedItems.userHandles.length > 0) { 
                for (var i = 0; i < args.model.selectedItems.userHandles.length; i++) { 
                    var handle = args.model.selectedItems.userHandles[i]; 
                  //hide the user handle 
                    handle.visible = false; 
                   //Based on your condition you can hide the userhandle 
Shyam G 

IG indrani Gajjarapu June 16, 2017 11:38 AM UTC

Hi Shyam,

Thanks for your response.

That's perfect!!. Thank you

SG Shyam G Syncfusion Team June 19, 2017 03:50 AM UTC

Hi Indrani, 
Please let us know if you need further assistance on this. 
Shyam G 

Live Chat Icon For mobile
Up arrow icon