connector and node selection state end point handles color change?

I am wondering if it is possible to change the color of the red circle and handles that appear when you select a NODE or CONNECTOR? 
Screenshot (7)-min.png


3 Replies 1 reply marked as answer

GD Gobinath Dhamotharan Syncfusion Team February 21, 2024 07:40 AM UTC

Hi,

We created the sample to achieve your requirement. We can modify the handle color for node and connector in diagram by overriding the CSS. Refer the below code and sample.

Code-snippet

  <style>

//For Nodes

.e-diagram-resize-handle{

    stroke: blue;

    fill:blue;

  }

 

//For connectors

  .e-diagram-endpoint-handle.e-connected {

    stroke: blue;

    fill:blue;

  }

</style>

Sample

https://stackblitz.com/edit/angular-aadihh-puobxn?file=src%2Fapp.component.html

Regards,
Gobinath 


Marked as answer

ES exxon suarez replied to Gobinath Dhamotharan February 21, 2024 05:25 PM UTC

Those worked great. Thank you.



PR Preethi Rajakandham Syncfusion Team February 22, 2024 05:05 AM UTC

Hi Exxon Suarez,

You're welcome. We are glad to know that the reported problem has been resolved. Please let us know if you require any further assistance on this, we will be happy to assist you. 

Regards,

Preethi R


Loader.
Up arrow icon