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

Question about using the Menu Diagram

Would it be possible to make the icons displayed in the <menu> different from the actual Nodes connected to the menu?

For example, if I drag the menu Icon here, the Icon should show a node different from the image displayed in the menu. 

I have enclosed the question I am facing in the post. 

Thank you.

Attachment: test2_3ba43eb5.zip

1 Reply

SG Shyam G Syncfusion Team August 17, 2015 02:02 PM UTC

Hi Maverick

Thanks for using Syncfusion products.

We suggest you to use drop event to achieve your requirement. please refer the code snippet and sample below for your reference.

Code snippet:





function drop(args) {

            var diagram = $("#diagram").ejDiagram("instance");

            var node = args.element;

            node.shape = "path";

            node.pathData = "M 67.2947 100 L 67.2947 0.00102291 L 59.138 0.00102291 M 100 50 L 66.8899 50 M 33.1101 50 L 0 50 M 33.1101 0 L 67.5585 50.0015 L 33.1101 99.9995 Z";

            diagram.updateNode(node.name, {});


Please let us know if any concerns.

Shyam G

Live Chat Icon For mobile
Up arrow icon