Add style for individual elements in embedded svg?

I would like to add style for individual elements of an embedded svg.
those property seems to have no effect.
Is it the expected behaviour ?

What type of style are you trying to apply, and what type of element. Some styles do not affect all element types. Sometimes it’s because the element expects an attribute to be used for that type of styling.

I apply styles to SVG elements all the time, for things like animation and transformations.

Also check that your SVG props aren't overriding your styles prop, like a fill or other props.. (sorry can't be more specific, I don't remember them off top of my head and not at laptop)

1 Like

Yes it works. I missed that the property in style was overrided by another one in the element.
Deleting it solve the issue. Thanks !

A bit difficult to find the right element when the svg has plenty elements,
but I've created a function to delete svg group, and with an id filled in the drawing tools, it's more simple to select element in the array with ignition designer property filter. Still a cumbersome workflow, especially if the svg has the be modified, but 8.3 will probably help us a lot !

1 Like