Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[sebwirtz]

Hi
ich hoffe mir kann hier jemand helfen.
Ich möchte gerne mit einem Widget (Inventwo) ein Objekt schalten. In meiner VIS soll das Widget, wenn es aktiv ist, so (wie im Link) animiert (Custom-radio-Glow) aussehen.
Ist das umsetzbar oder nicht. Bin im Thema CSS noch nicht so fit.

Ich danke euch schon einmal für eure Hilfe.

https://forum.iobroker.net/topic/51380/css-training/

[Glasfaser]

@sebwirtz sagte in Widget mit animiertem Schatten/Rand (CSS):

wenn es aktiv ist, so (wie im Link) animiert (Custom-radio-Glow) aussehen.

im Feld CSS Klasse

{var1:0_userdata.0.Test123; var1=="true" ? "custom-radio-glow":""} 

[Revobobo]

@glasfaser said in Widget mit animiertem Schatten/Rand (CSS):

{var1:0_userdata.0.Test123; var1=="true" ? "custom-radio-glow":""} 

Wie sieht denn der komplette Code aus, wenn ich als Standard Ansicht z.B. custom-radio auf false umschalten möchte?

Danke und viele Grüße

[Glasfaser]

@revobobo sagte in Widget mit animiertem Schatten/Rand (CSS):

auf false

einfach den Wert true ändern , auf false :

{var1:0_userdata.0.Test123; var1=="false" ? "custom-radio-glow":""}

[Revobobo]

@glasfaser
Moin - das ist mir schon klar - Danke.
Wie stelle ich in dem Code einen Wechsel dar?
Wechsel von "custom-radio-glow" auf "custom-radio" mit "true" und "false"!

[Glasfaser]

@revobobo sagte in Widget mit animiertem Schatten/Rand (CSS):

Moin - das ist mir schon klar - Danke.

von "custom-radio-glow" auf "custom-radio"

Konnte ich so nicht erlesen ... ,
da ich das CSS nicht kenne und es auch ein custom-radio gibt

{var1:0_userdata.0.Test123; var1=="true" ? "custom-radio-glow":"custom-radio"}

[Enrico Fischer]

@glasfaser said in Widget mit animiertem Schatten/Rand (CSS):

@revobobo sagte in Widget mit animiertem Schatten/Rand (CSS):

Moin - das ist mir schon klar - Danke.

von "custom-radio-glow" auf "custom-radio"

Konnte ich so nicht erlesen ... ,
da ich das CSS nicht kenne und es auch ein custom-radio gibt

{var1:0_userdata.0.Test123; var1=="true" ? "custom-radio-glow":"custom-radio"}

@Glasfaser danke fürs einspringen.Ich bin unter der Woche viel unterwegs und komme nicht zum antworten. Aber es scheint ja alles dank dir geklärt zu sein.

[Ivan Andric]

@Enrico-Fischer @Glasfaser
Gibt es die Möglichkeit abhängig von zwei oder mehreren Werten die Farbe für den Rand zu setzen?

Als Beispiel:
wenn wert:0_wled.0.10521c644bc8.on;wert == "true"
und wert:wled.0.10521c644bc8.ps;wert == "5"
setze Farbe auf #6595c8

Vielen Dank!

[Glasfaser]

@ivan-andric

wenn wert ..... und wert

Beispiel :

{var1:0_userdata.0.1; var2:0_userdata.0.2; var1=="true"  && var2=="5"     ? "#6595c8":""}

[Ivan Andric]

@glasfaser Vielen Dank!