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

How to make to diagram organization chart team sample draggable droppable and expandable


I am looking the sample below link, which one I would like to add more capability to for this sample, such as draggable, droppable and expandable, but no idea about it.

Please give some reference codes.


Thanks a lot

3 Replies

RT Ramya Thirugnanam Syncfusion Team February 27, 2019 05:09 AM

Hi Zhen,   
Thanks for contacting Syncfusion support.   
We have prepared a sample to represent the organizational chart with expand/collapse and drag drop options. Please refer to the sample and screenshot as below.   
Sample: Vue-OrgChart  
To change the type, add nodes into assistants, change the alignment of layout, please refer to the help documentation and demo sample as below.  
Ramya T  

ZZ zhen zhu February 27, 2019 05:57 AM

Thank you very much Ramya. It works for me.

RT Ramya Thirugnanam Syncfusion Team February 27, 2019 06:07 AM

Hi Zhen, 
Thanks for your update. 
Ramya T 

Live Chat Icon For mobile
Up arrow icon