The MindFusion Forums

The MindFusion Forums
Flow Diagramming Components >> Html Canvas & JavaScript >> HOW to drag And Drop Container Node from diagram to another diagram in angular/typescript? https://mindfusion.eu/Forum/YaBB.pl?num=1520405023 Message started by HCL_ash on Mar 7^th, 2018 at 6:43am

Title: HOW to drag And Drop Container Node from diagram to another diagram in angular/typescript?
Post by HCL_ash on Mar 7^th, 2018 at 6:43am

Please let me know does anyone has idea about
Drag And Drop Container Node from diagram to another diagram in drag And Drop Container Node from diagram to another diagram in angular/typescript?.

I want to drag container node from one browser window and drop it to another browser window.

Title: Re: HOW to drag And Drop Container Node from diagram to another diagram in angular/typescript?
Post by Lyubo on Mar 7^th, 2018 at 7:32am

Hi,

The JsDiagram package includes the DragDrop sample, which demonstrates drag and drop between the diagram and another DOM element, using the Native HTML5 Drag and Drop API. You can easily modify it to work between two diagram instances.

The HTML5 Drag and Drop API works between different browser windows too. You can check out this article on DnD basics and sample tutorials: https://www.html5rocks.com/en/tutorials/dnd/basics/

Regards,
Lyubo

Title: Re: HOW to drag And Drop Container Node from diagram to another diagram in angular/typescript?
Post by HCL_ash on Mar 7^th, 2018 at 9:29am

Thanks for quick reply.
I think its generic drag and drop link in HTML5.

But i am using Diagram-library : 3.2.1
Is there any specific implementation for drag and drop node in above library.

Title: Re: HOW to drag And Drop Container Node from diagram to another diagram in angular/typescript?
Post by Lyubo on Mar 7^th, 2018 at 10:52am

Hi,

The diagram component is implemented using the HTML5 Canvas API, so native drag and drop works out-of-the-box. Did you check out the DragDrop sample in the package? It shows one scenario of drag and drop, using the Diagram control. The sample is available in both JavaScript and TypeScript.

Regards,
Lyubo