ich möchte nochmals nachhaken und formuliere die Frage neu...:
Wenn ich für einen Pagebutton ein farbiges Hintergrundicon definiere und dann den Pagebutton anklicke, wird die festgelegte Farbe "überschrieben". Bei Klick auf einen anderen Pagebutton wird die ursprünglich festgelegte Ringfarbe des ersten Pagebuttons aber nicht wieder hergestellt. Das ist mir aber wichtig!
Wie kann ich das erreichen?
Ursprünglicher Fragetext:
In einem pagebutton widget (v. 2.2) möchte ich Folgendes realisieren:
Es soll ein Icon in einem Ring dargestellt werden.
Die Farbe des Icons soll z.B. grau sein.
Die Farbe des Rings zeigt einen Status an und soll vom Reading eines Devices abhängen (ich nenne sie hier mal device-color)
Sobald und solange der pagebutton aktiv ist (angeklickt bzw ausgewählt), soll temporär
a) die Farbe des Icons von grau nach weiß, und
b) die Farbe des Rings von device-color nach weiß wechseln.
Der Fall a) klappt prima.
Die Ringfarbe wird aber nur zu Beginn korrekt dargestellt, aber beim Klick wechselt die Ringfarbe nach orange und device-color wird beim "Verlassen" des Pagebuttons nicht wieder hergestellt.
Vermutlich ist es nur eine Kleinigkeit, aber ich hänge seit Stunden an diesem Fall und komme ich nicht weiter.
Unter ist mein Code. Könnt ihr bitte helfen?
<div data-type="pagebutton"
data-device="alarmsystem"
data-get="alarmState"
data-states='["okay", "attention", "alert"]'
data-icon="fa-bell"
data-on-color="white"
data-off-color="gray"
data-background-icon="fa-circle-thin"
data-background-colors = '["gray", "yellow", "green", "blue"]'
data-active-pattern = ".*alarm.html"
data-url="#alarm.html"
data-load="#alarm"
class="bigger">
</div>
das kann nicht realisiert werden!
https://forum.fhem.de/index.php/topic,50945.msg462197.html#msg462197 (https://forum.fhem.de/index.php/topic,50945.msg462197.html#msg462197)