FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Michi1978 am 18 Juni 2017, 10:12:53

Titel: SWITCH mit ICON Wechsel und
Beitrag von: Michi1978 am 18 Juni 2017, 10:12:53
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?



            <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>


Titel: Antw:SWITCH mit ICON Wechsel und
Beitrag von: setstate am 21 Juni 2017, 00:14:35
Entweder als Multi-State


<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