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

[zhen zhu]

Hi,

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.

https://ej2.syncfusion.com/vue/demos/?_ga=2.186802024.1395503617.1551062016-1573711971.1550548712#/material/diagram/overview.html

Thanks a lot

[Ramya Thirugnanam]

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  

 Screenshot:  

  

  

To change the type, add nodes into assistants, change the alignment of layout, please refer to the help documentation and demo sample as below.  

  

Documentation: https://ej2.syncfusion.com/vue/documentation/diagram/automatic-layout/?no-cache=1#organizational-chart  

  

Demo sample: https://ej2.syncfusion.com/vue/demos/#/material/diagram/organization-model.html  

  

Regards,  

Ramya T  

[zhen zhu]

Thank you very much Ramya. It works for me.

[Ramya Thirugnanam]

Hi Zhen, 

 

Thanks for your update. 

 

Regards, 

Ramya T