FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Tommy82 am 29 Oktober 2018, 20:55:05

Titel: [GELÖST]Icon Unterschied aber wieso?
Beitrag von: Tommy82 am 29 Oktober 2018, 20:55:05
Hi,
ich habe auf meiner FTUI ein Symbol welches den Status eines Dummys anzeigt, die definition sieht so aus:
<li data-row="5" data-col="2" data-sizex="1" data-sizey="1">
     <header class="headerTransparent">Einbruchalarm</header>
        <div data-type="symbol" data-device="Alarm" class="cell darker" data-icons='["oa-secur_locked","oa-secur_open"]' data-get-on='["on","off"]' data-colors='["#ff0000","#00ff00"]'  class="small narrow" ></div>
</li>

und sieht dann wie im Bild FTUI_Alarm_1

jetzt wollte ich das Icon auch anklickbar machen um den Status zu ändern, also habe ich den Code wie folgt geändert:
<li data-row="5" data-col="2" data-sizex="1" data-sizey="1">
     <header class="headerTransparent">Einbruchalarm</header>
        <div data-type="switch" data-device="Alarm" class="cell darker" data-icons='["oa-secur_locked","oa-secur_open"]' data-set-on='["on","off"]' data-colors='["#ff0000","#00ff00"]'  class="small narrow" ></div>
</li>

Das anklicken, den Status ändern funktioniert auch, allerdings sehen die Icons anders auch und wechseln auch nicht mehr die Farbe wie zuvor, wo hab ich den Fehler gemacht, bzw. wie wäre es richtig?
Sieht jetzt wie auf FTUI_Alarm_2 aus

Danke
Titel: Antw:Icon Unterschied aber wieso?
Beitrag von: setstate am 30 Oktober 2018, 07:22:25
eher so


<div data-type="switch" data-device="dummy1"  data-icons='["oa-secur_locked","oa-secur_open"]'  data-background-icons='["",""]' data-set-states='["on","off"]' data-states='["off","on"]' data-colors='["#ff0000","#00ff00"]' ></div>
Titel: Antw:Icon Unterschied aber wieso?
Beitrag von: Tommy82 am 30 Oktober 2018, 19:47:46
Hi,
danke für den Hinweis,
damit es genau so ist wie ich es wollte, musste es jetzt so aussehen

<div data-type="switch" data-device="Alarm"  class="cell darker" data-icons='["oa-secur_locked","oa-secur_open"]'  data-background-icons='["",""]' data-set-states='["off","on"]' data-states='["on","off"]' data-colors='["#ff0000","#00ff00"]' ></div>