Hallo,
ich baue mir gerade eine Seite auf Basis der TabletUI. Jetzt möchte ich einen FS20-Dimer verändern. Derzeit ist er so konfiguriert:
<div data-type="dimmer"
data-device="Dimmer"
data-get-on="on|dim[1-9][0-9]."
data-get-off="off"
data-set-on="on"
data-dim="dim"
class="FS20">
</div>
Bei anderen Elementen kann ich ja das Icon und deren Hintergrund über data-icons, data-colors und data-background-icon verändern. Z.B.:
<div data-type="switch"
data-device="SteckdoseHochbeet"
data-icons='["fa-heart","fa-heart"]'
data-colors='["LightGray","yellow"]'
data-background-icon="-"
data-set-states='["on","off"]'
data-states='["off","on"]'
>
</div>
Wie kann ich denn bei dem Dimmer die Icons ändern (Icon und Farbe, sobald die Lampe eingeschaltet oder gedimmt ist oder aus ist)?
Für das icon gibt es data-icon. Interessanterweise scheinen die Farbangaben nicht dokumentiert (https://wiki.fhem.de/wiki/FTUI_Widget_Dimmer#Attribute) zu sein, aber hast du mal data-on-color und data-off-color bzw data-on-background-color und data-off-background-color versucht?
<div data-type="dimmer"
data-device="Dimmer"
data-get-on="on|dim[1-9][0-9]."
data-get-off="off"
data-set-on="on"
data-dim="dim"
data-on-color="limegreen"
data-off-color="crimson"
data-icon="fa-heart"
class="FS20">
</div>
Zumindest scheint das widget die Attribute abzufragen (https://github.com/knowthelist/fhem-tablet-ui/blob/master/www/tablet/js/widget_dimmer.js#L23).
Top, danke, das ist es.
Uns data-background-icon="-" lässt noch den Hintergrundkreis verschwinden.