questions "group node", "Canvas (container)" and on the deprecated "loadDiagram"

Question

Hi,I have 3 questions;1. The method "loadDiagram" is already deprecated on version that im using (ej2-angular-diagrams 17.4.55) and theres no explanation on the DOCS for the alternative. Do you have a working "stackblitz" example of how to do the "saveDiagram" then the "loadDiagram" or at least the alternative because its deprecated?2. Im trying to create a "group node" based off of the example here;https://ej2.syncfusion.com/angular/documentation/diagram/group/The "group node" that i was able to create has 3 children. Is it possible to "hide" those children and make it appear that the other connectors connecting to those children are connecting to the "group node" instead?3. Im also trying to figure out if  "containers" can fix the issue i have with question 2. There was a mention of "Canvas (container)" in that documentation but not a working example. Im wondering if you can provide an example on how to use the "canvas (container)" in relation to the groupings?I appreciate the help. Thank you.

Aravind Ravi · Answer

Hi Vithunan,Please find the response for the queries in below table 
 




The method "loadDiagram" is already deprecated on version that im using (ej2-angular-diagrams 17.4.55) and theres no explanation on the DOCS for the alternative. Do you have a working "stackblitz" example of how to do the "saveDiagram" then the "loadDiagram" or at least the alternative because its deprecated? 

We have created a sample for how to save and load a diagram. In version 17.4.55 we do not deprecate the loadDiagram method. So could you please share with us the details that how to do you use loadDiagram method in your sample. This will help us to serve you better. 


 Im trying to create a "group node" based off of the example here; 
https://ej2.syncfusion.com/angular/documentation/diagram/group/ 
 
The "group node" that i was able to create has 3 children. Is it possible to "hide" those children and make it appear that the other connectors connecting to those children are connecting to the "group node" instead? 
 

We have created a sample to hide the group children when there are no connectors connecting to the group node. Once the connector connecting to the group node all children in the group node gets visible. 
Sample: https://stackblitz.com/edit/angular-5wk9p1?file=app.component.ts 


Im also trying to figure out if  "containers" can fix the issue i have with question 2. There was a mention of "Canvas (container)" in that documentation but not a working example. Im wondering if you can provide an example on how to use the "canvas (container)" in relation to the groupings? 

We can achieve your requirements using group nodes itself. However, we have created a sample for how to add the element in the canvas container.  
 
Sample: https://stackblitz.com/edit/angular-5wk9p1-ijykh4?file=app.component.ts 
Regards 
Aravind Ravi

The method "loadDiagram" is already deprecated on version that im using (ej2-angular-diagrams 17.4.55) and theres no explanation on the DOCS for the alternative. Do you have a working "stackblitz" example of how to do the "saveDiagram" then the "loadDiagram" or at least the alternative because its deprecated?	We have created a sample for how to save and load a diagram. In version 17.4.55 we do not deprecate the loadDiagram method. So could you please share with us the details that how to do you use loadDiagram method in your sample. This will help us to serve you better.
Im trying to create a "group node" based off of the example here; https://ej2.syncfusion.com/angular/documentation/diagram/group/ The "group node" that i was able to create has 3 children. Is it possible to "hide" those children and make it appear that the other connectors connecting to those children are connecting to the "group node" instead?	We have created a sample to hide the group children when there are no connectors connecting to the group node. Once the connector connecting to the group node all children in the group node gets visible. Sample: https://stackblitz.com/edit/angular-5wk9p1?file=app.component.ts
Im also trying to figure out if "containers" can fix the issue i have with question 2. There was a mention of "Canvas (container)" in that documentation but not a working example. Im wondering if you can provide an example on how to use the "canvas (container)" in relation to the groupings?	We can achieve your requirements using group nodes itself. However, we have created a sample for how to add the element in the canvas container. Sample: https://stackblitz.com/edit/angular-5wk9p1-ijykh4?file=app.component.ts