HTML Drag and Drop

This demo shows how to use NodeDropInputMode in combination with native HTML draggable elements that can be dragged and dropped into the graph.

• Drag nodes and group nodes into the graph.
• Drop nodes and group nodes on other group nodes to add them as their children.

See the sources for details.

Note that the HTML native drag and drop API does not work with most touch devices. For a drag and drop experience that works for touch devices and other pointer devices, consider using the yFiles drag and drop mechanism outlined in the Drag and Drop Demo.