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.
Unfortunately, activation email could not send to your email. Please try again.

Question about using the Menu Diagram

Thread ID:





119922 Aug 14,2015 04:24 AM Aug 17,2015 10:02 AM JavaScript 1
Tags: ejDiagram
Myungjin Cho
Asked On August 14, 2015 04:24 AM

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 [Syncfusion]
Replied On August 17, 2015 10:02 AM

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


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.