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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Question about using the Menu Diagram

Thread ID:





119922 Aug 14,2015 08:24 AM UTC Aug 17,2015 02:02 PM UTC JavaScript 1
Tags: ejDiagram
Asked On August 14, 2015 08:24 AM UTC

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 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


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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon 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.Close Icon