Question about using the Menu Diagram

[Quintet]

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

[Shyam G]

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:

$("#diagram").ejDiagram({

 

                    drop:drop,

 
                });

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, {});
        }

Sample:http://www.syncfusion.com/downloads/support/forum/119922/ze/palette-1049792960

Please let us know if any concerns.

Regards,
Shyam G