Perspective Custom style attributes

Is there any way of adding custom CSS values to a style in Perspective?
We are constantly having to individually add a value and key pair to the style section of an object.

"vector-effect": "non-scaling-stroke"

Obviously this works just fine, but there is no way I know of to add this to the Style Class that we are having to add to this as well.

Perhaps this is what you're looking for? Available in early access. Otherwise you can manually add the CSS to the project and manually type them into your elements.

Pay mind to the prefixing of the classes/selectors if using this:
https://forum.inductiveautomation.com/t/new-stylesheet-resource/64787/1

1 Like

Actually you can using CSS injection. Just add it into an unused CSS property that takes text input, like the background image prop.

;vector-effect: non-scaling-stroke

The ; at the start closes the background-image prop essentially landing you with this in the resulting CSS

background-image:;vector-effect: non-scaling-stroke;
1 Like