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

custom selector resize style

Thread ID:





118237 Feb 14,2015 01:37 AM UTC Feb 17,2015 11:56 AM UTC ASP.NET Web Forms 3
Tags: Diagram
Tim Elery
Asked On February 14, 2015 01:37 AM UTC

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?


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

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.


Shyam G

Tim Elery
Replied On February 16, 2015 03:35 PM UTC

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.


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

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






Please let me 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