1. Home
  2. Forum
  3. jQuery
  4. Keep user controls visible

Keep user controls visible

Hi there,
Currently user control icons are visible when we select any node, is there any way so that user control icons could be visible to all available nodes on the diagram?
Also is there any possibility so that we can give custom color to user control icons?

6 Replies
NG Naganathan Ganesh Babu Syncfusion Team August 16, 2018 11:59 AM UTC

Hi Ahman, 
 
Thanks for contacting Syncfusion support. 
 
Currently user control icons are visible when we select any node, is there any way so that user control icons could be visible to all available nodes on the diagram? 
Please confirm us whether you are mentioning the Node’s userHandles (please refer to the below attached image) as user control icons? If so, when we select any nodes, the user handles icons will be visible for those nodes by default. 
 
  
   Please share us more details such as whether you are hiding the userhandles in selectionChange event. Also, please let us know which node doesn’t show the userhandles and also share your selectionChange event code example handled in your application.  
 
If we misunderstood your requirements, please share us more information about your requirement which will be help us to analyze further and provide you a better solution. 
 
Also is there any possibility so that we can give custom color to user control icons? 
Yes, please use userHandle’s “backgroundColor” property to change background color of the userHandle. Please refer to the below online documentation link. 
 
 
 
 
Regards, 
 
Naganathan K G 


AH ahman August 24, 2018 01:50 PM UTC

Yes, I'm asking about node user handles. I want user handles to be displayed with  node wether they are selected or not. Suppose if there are 15 nodes on the diagram so i want user controls to be visible with each node.

SG Shyam G Syncfusion Team August 27, 2018 06:44 AM UTC

Hi Ahman, 

We have created a sample in which we have rendered an userHandles for nodes and connectors. When you click on each node/connector, settings user Handle will be visible. 



Could you please check in the above playground link and let us know if any clarifications on it. 

Regards, 
Shyam G 


SG Shyam G Syncfusion Team August 27, 2018 09:04 AM UTC

Hi Ahman, 

Please ignore our previous update. 

  • The user handles will be shown only when the node/connector is selected. So you can set an template for an label using label’s templateId property to achieve your requirement.
  • We have created a sample in which we have rendered the label template for a node. when you click on it, we have retrieved the node and shown its name in alert box in the document mouse up event. So you can do your own logic in that event. Please refer to the help documentation in which we have shown how to use label templateId property.


  
Regards, 
Shyam G 


AH ahman August 27, 2018 11:06 AM UTC

Hi there,
Thank you. I got it. But actually i want same thing with user handles.

SG Shyam G Syncfusion Team August 28, 2018 10:29 AM UTC

Hi Ahman, 

  • The user handles will be shown only when we select the node/connector. So your requirement can be achieved using label’s templateId not with user handles.
  • Could you please confirm us whether you need to bind mouse events for label template similar to user handles. If So, you can bind document mousedown, mousemove and mouseup events in which you can use user handles events(mousedown,mouseup,mousemove) code in it. please get back to us if you face any issues in it.
  • In our previous update, we have shown how to bind document mouseup event for label template.

Please let me know if any concerns. 

Regards, 
Shyam G 


Loader.
Up arrow icon