Change shape and connection style dynamically after added

[Jong]

Hello.

I'm trying to change shapes and connection styles after shapes and connections are added.

I found an answer (https://www.telerik.com/forums/change-color-of-shapes-dynamicaly) but it looks like shape.shapeVisual does not have domElement property anymore.

How can I change change shapes and connection styles dynamically?

Thank you.

[Jong]

I found a solution.

I used redraw() function to change the styles.

connection.redraw({
  stroke: {
    width: 1
  }
});

 

It took me a while to find this function, because it is not in the API reference.

It would be really great to have these functions specified in the API reference.

Thank you!

[Anton Mironov]

Hi Jong,

Thank you for providing the solution for achieving the needed behavior. 

I recently added a knowledge base article for a similar case. Please have a look and advice if it should be updated or additional information is needed:

• https://docs.telerik.com/kendo-ui/knowledge-base/diagram-style-color-and-width-of-every-stroke

Appreciate every feedback from your side! 

Kind Regards,
Anton Mironov
Progress Telerik