Display Rules and CSS-Selectors

App Development
1

How do the display rules with CSS-Selectors work? I did exactly like in the docs but I couldn’t get it to work. I want to hide multiple elements in details component when a certain field is set to “Yes”. So I assigned a CSS-Class to these fields and then set the the Display rules to hide these classes. Didn’t work at all. Adressing them individually did work.

Additionally in the docs there’s a sentence that says, hiding css classes is not limited on the specific component but could also be used to hide elements across the whole page. So can I use a detail component to hide some css classes and therefore hide elements on a different component?

Here’s different example with Action Rules I want to hide with different CSS-Classes:

Screenshot 2024-07-26 at 23.31.43
Screenshot 2024-07-26 at 23.31.432368×1202 147 KB

Screenshot 2024-07-26 at 23.31.50
Screenshot 2024-07-26 at 23.31.502238×1924 196 KB

Screenshot 2024-07-26 at 23.31.55
Screenshot 2024-07-26 at 23.31.552288×1880 193 KB

2

Hi Andreas, sometimes you mention the point before the classes and sometimes you don’t. It is not consistent throughout the platform.

3

both variants didn’t work

4

Why are you not using the display rule settings for the Action link?

5

I do now, but i’d just prefer doing it via CSS-Classes especially since there are multiple things I want to hide and show based on these conditions.

6

I recommend checking out these 2 videos:

1 Like
7

@moe I learnt alot from both videos. Thank you.