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. Image for the cookie policy date

Customized Node opacity

Hi -

Is there an option to reduce the opacity of few nodes while keeping opacity of other nodes in the diagram intact. 

So that based on some button click preferred nodes will appear as highlighted, and rest of the nodes will appear as disabled.

Note: I am using html template for a node.

1 Reply 1 reply marked as answer

SJ Sivaranjith Jeyabalan Syncfusion Team April 24, 2023 06:47 AM UTC

Hi Sourangsu,

We can customize the opacity of the node using the style property of the node. We have created a sample with html template nodes in which we customized the opacity of the nodes and modified the opacity dynamically using button click. Please find the sample below.

Sample: 8k15ly (forked) - StackBlitz 



Marked as answer
Live Chat Icon For mobile
Up arrow icon