SWITCH mit ICON Wechsel und

[Michi1978]

Morgen!
Ich möchte das bei Inaktive und bei aktive das Icon jeweils seine Farbe wechselt, das klappt auch soweit nur wird mir nicht der Aktuelle Status in form der  richtigen Farbe angezeigt wenn ich den Pagetab öffne, sondern erst wenn ich wieder Switche. Was mache ich falsch?

Code Auswählen Erweitern




            <div class="inline small lightgrey thin cell" >Sockel Aus um</div>
            <div data-type="datetimepicker" data-device="SockelbeleuchtungAusUmXX"
              data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
              data-step="30"
              data-datepicker="false" data-format="H:i"
              class="inline small thin white cell"></div>
             
<div data-type="switch"
data-device='SockelbeleuchtungAusUmXX'

         data-states='["active","inactive"]'
         data-icons='["fs-socket_timer", "fs-socket_timer"]'
         data-colors='["white", "white"]'
         data-background-colors='["green", "2A2A2A"]'
         data-background-icon="fa-square"

         data-get-on="!off"
         data-get-off="inactive"
         data-set-on="active"
         data-set-off="inactive"
         class="inline mini left-space-3x"></div>




[setstate]

Entweder als Multi-State

Code Auswählen Erweitern


<div data-type="switch"
         data-device='SockelbeleuchtungAusUmXX'
         data-states='["((?!inactive).)*","inactive"]'
         data-icons='["fs-socket_timer", "fs-socket_timer"]'
         data-colors='["white", "white"]'
         data-background-colors='["green", "#2A2A2A"]'
         data-background-icon="fa-square"
         data-set-states='["inactive","active"]'
         class=""></div>


oder in "dual"

<div data-type="switch"
         data-device='SockelbeleuchtungAusUmXX'
         data-icon="fs-socket_timer"
         data-color="white"
         data-on-background-color="green"
         data-off-background-color="#2A2A2A"
         data-background-icon="fa-square"
         data-get-on="!off"
         data-get-off="inactive"
         data-set-on="active"
         data-set-off="inactive"
         class=""></div>
[/code]

Aber nicht gemixt.

Achtung: "#2A2A2A" nicht "2A2A2A" wie bei dir