CSS Training

[Wszene]

@enrico-fischer
Vielen Dank für deine Mühe
Ich habe mir dein Projekt importiert und mal mit einer Lampe von mir Verknüpft

Leider wird bei mir der grüne Schatten, wenn die Lampe an ist, nicht angezeigt
muss ich da noch irgendetwas einstellen?

[Enrico Fischer]

@wszene

Du musst bin deinem Schalter in Ränder noch den Wert eingeben für True oder False.In dem unten angehängtem Code istballes drin.Du musst nur in das Feld mit dem XXXXX deinen Schalter angeben.

{wert:XXXXXXXXXXXXXXX;wert == "true" ? "#17e83b": ""}

[Enrico Fischer]

@oliverio Ja mach ich eigendlich auch. Ist nur etwas einfacher zu verstehen wenn sich ein Neuling damit beschäftigt.

[FoodFighter]

@enrico-fischer
Beim linken Schalter
"Beispiel: Widget = Material bool Switch_____CSS Class:custom-radio_radius30px_____"
sehe ich auch keine Auswirkungen bei der Rand-Farbe (In deinem Demo-Video ebenfalls nicht).

Nichts desto trotz - sehr schön gemacht, vielen Dank!

[Wszene]

@enrico-fischer sagte in CSS Training:

Spoiler

@wszene

Du musst bin deinem Schalter in Ränder noch den Wert eingeben für True oder False.In dem unten angehängtem Code istballes drin.Du musst nur in das Feld mit dem XXXXX deinen Schalter angeben.

{wert:XXXXXXXXXXXXXXX;wert == "true" ? "#17e83b": ""}

Danke dir habe es gefunden

[Enrico Fischer]

@foodfighter beim linken ist der grüne rand auch nicht drin.

[FoodFighter]

@enrico-fischer
Ich habe das Projekt extra nochmal frisch importiert.
links ist der grüne Rand auch drin

edit:
Ich hatte die Hoffnung, dass der ausgewaschene Rand dadurch die Farbe ändern würde

[Enrico Fischer]

@foodfighter

hast Recht.Mach bei Weite 1 und bei style Solid dann geht es wenn du deinen Adapter eingetragen hast

[FoodFighter]

@enrico-fischer
danke

[sebwirtz]

Hi. Danke für dein Training.
Bin noch voll der noob was CSS angeht.

Verstehe deine CSS soweit, aber ich würde gerne diesen Glow bei bei einem Widget haben wenn dies Aktiv ist. Nur da frage ich mich, was trage ich wo ein...

Könntest du/ihr mir dabei behilflich sein?

[Revobobo]

@sebwirtz
Ich befasse mich auch gerade NEU mit dem Thema.
Zuerst befüllst du den CSS Reiter in deinem Projekt mit dem CSS Code.

Danach markierst Du ein Widget und vergibst in der CSS Klasse einen Verweis zu dem CSS Code.

Viele Grüße

[sebwirtz]

@revobobo
Das habe ich alles gemacht. Aber das ändert mein Widget immer. Möchte gerne das der "glow" nur im aktiv bzw. True Fall erscheint.

[Glasfaser]

@sebwirtz sagte in CSS Training:

Möchte gerne das der "glow" nur im aktiv bzw. True Fall erscheint.

Das habe ich dir hier beschrieben , wo du dazu ein Thread erstellt hast zu deiner Frage :

https://forum.iobroker.net/topic/51563/widget-mit-animiertem-schatten-rand-css?loggedin=true

[juergen2304]

@revobobo hallo, gibt es ein widget oder css code für den tollen on/off switch?

LG

[Enrico Fischer]

@juergen2304 said in CSS Training:

@revobobo hallo, gibt es ein widget oder css code für den tollen on/off switch?

LG

Ganz oben im ersten Post ist alles drin.