I have noticed that more and more frequently, when you want to do any kind of intermediate-level css without using theming than you have to escape the style class with what feels like SQL injection with something like }.psc-MyStyleClass svg { background-color: blue;}{ in the backgroundImage prop. i…

For those curious by the way, this was essentially implemented, just not exactly how I asked: [image] New Stylesheet resource Ignition Early Access This feature puts the advanced CSS development in your project backup which makes future support a lot easier. I love the re…

[image] kgamble: when you want to do any kind of intermediate-level css [image] Perspective table column format Ignition Thank you for help Victor and Pascal. I am able to add style class and my both issues solved. I can see “Eng. unit” after value in same column …

chad mode :rofl: [image] kgamble: [image] image1398×1406 119 KB When i first found out about this trick it was about a year ago, i believe they than said they werent going to do anything because css is to much to make something about. But maybe since they made its possible now, since more …

That would be cool and useful. :+1:

+1 yes please. Even for simple classes I find the existing style editor slow and tedious to use. Instead of just remembering property names, you have to also remember where to find them in the many pages of the editor. I feel like the “Applied Styles” pane is difficult to look at. Sure it looks “…

It sounds like there isn’t anything currently planned, so I went ahead and created an ideas post for this. Please go upvote to show IA how valuable this is! [image] Style Class Direct Editing | Voters | Inductive Automation

We have an existing ticket that’s sort of a sibling feature to the proposal here - a ‘stylesheet’ resource, per project, where you can enter arbitrary CSS declarations plain text. I think the ‘chad mode’ proposal here (:laughing:) is probably a non starter because of the difficulty of mapping to/fro…

[image] paul-griffith: if you enter something by hand that we can’t parse when you deactivate ‘chad mode’, what happens? They are slightly different, but there's precedent for either nice GUI configuration or advanced configuration in plain text but not both. The same thing could be done here…

[image] zacht: there’s precedent for either nice GUI configuration or advanced configuration in plain text but not both Yes, in fact that method--where you can use GUI and then switch to see plain text it created--is actually great for newbies figuring out how stuff works. At least I found it…

[image] paul-griffith: a non starter because of the difficulty of mapping to/from user entered styles and the built in editor (if you enter something by hand that we can’t parse when you deactivate ‘chad mode’, what happens?) While I agree with the above mentioned comments about "This might n…

The way things are currently implemented, to use these manually authored classes you would have to use the psc prefix. We take whatever you put in the style.classes list and emit it to the rendered component with the prefix, so we’d have to figure out some way to bridge that across. It’s another one…

[FEATURE] Perspective Style Class Enhancements

Ignition

dhananjay_vichare June 16, 2022, 6:08am 2

Here it is another example.

kgamble It will be very helpful.