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.

custom selector resize style

Thread ID:

Created:

Updated:

Platform:

Replies:

118237 Feb 13,2015 08:37 PM Feb 17,2015 06:56 AM ASP.NET Web Forms 3
loading
Tags: Diagram
Tim Elery
Asked On February 13, 2015 08:37 PM

I need to be abble to.modify the style of the selector resize. The default with the dashed line with the resize circles arpund the node is not a good fit for our implementation.

Can you please provide an example of how to modify the resize element style?

Thanls,
Tim



Shyam G [Syncfusion]
Replied On February 16, 2015 05:59 AM

Hi Tim

Thanks for using Syncfusion products.

Currently we don’t have the support  custom selector style for the diagram control”. We consider this as a feature request and created a new incident 135396 on behalf of you related to this forum. We suggest you to follow up the incident for further reference using your direct trac account.

Please let me know if any concerns.

Regards,

Shyam G



Tim Elery
Replied On February 16, 2015 10:35 AM

How can I modify the node border color when it is selected. This will satisfy our requirement assuming it is possible.

Example: If all nodes have a black border color I would like to change the border color and width only while a node is selected. When it is deselected I would like the border color and width to revert back to normal.

Please let me know if this is possible.


Thanks,
Tim

Shyam G [Syncfusion]
Replied On February 17, 2015 06:56 AM

Hi Tim

Thanks for the update.

We suggest you to use “SelectionChange” client side event in order to achieve your requirement. Please refer the below code snippet and sample for your references.

Code snippet:

   //define selectionchange event

                DiagramWebControl1.OnClientSelectionChange = "selectionchange";

function selectionchange(args) {

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

        if (args.element) {

            var node = diagram.selectionList[0];

            if (node) {

                if (args.changeType == "insert") {

                    diagram.updateNode(node.name, { borderColor: "red", width: 150 });

                }

                if (args.changeType == "remove") {

                    diagram.updateNode(node.name, { borderColor: "black", width: 100 });

                }

            }

        }

    }

Sample:http://www.syncfusion.com/downloads/support/directtrac/general/nodebordercolor1975421132.zip

Please let me know if any concerns.

Regards,

Shyam G



CONFIRMATION

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.

;