Hallo,
ist es möglich den Hintergrund eines Bereiches, den man ja per <li> </li> festlegt mit einer Hintergrundfarbe zu versehen, die abhängig von einem Device Wert ist?
Ich würde gerne Alarme oder Fensterzustände dadurch signalisieren.
Gruß
Oliver
Lass mich das mal Zuhause mit dem html-Widget testen. Das habe ich für die Framework7 Integration gebaut und ist noch nicht offiziell. Aber klappen müsste das grundsätzlich damit.
<li data-row="1" data-col="3" data-sizex="3" data-sizey="2" data-type="html" data-class="dummy2:STATE" data-map-class='{"on":"bg-green", "off":"bg-red"}'>
Erklärung:
data-type="html" diesen Knoten als ein FTUI widget setzen
data-class="dummy2:STATE" HTML-Attribute "class" durch das Reading STATE des Devices dummy2 setzen
data-map-class='{"on":"bg-green", "off":"bg-red"}' Mapping des Reading-Values zu einer CSS Klasse (Achtung als Object, nicht als Array)
Hi setstate,
habe mal eines meiner li angepasst, aber der Hintergrund des Feldes ändert sich nicht zu der Farbe die es dann eigentlich bekommen sollte.
Ich bin was CSS angeht nicht gut und es ist die Frage, muss ich sonst noch was anpassen?
Gruß,
Oliver
Bitte vorher ein Update ziehen, ich musste die Farb-Klassen im CSS auf important setzen, damit die sich durchsetzen können.
Würde ich gerne machen, aber es bricht ab. Siehe https://forum.fhem.de/index.php/topic,62211.0.html
Das Update-Problem besteht nicht nur bei mir. https://forum.fhem.de/index.php/topic,62218.0.html
Die Dateigrößenangabe in der https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt
"UPD 2016-12-09_00:14:16 35687 www/tablet/css/fhem-tablet-ui.css"
passt nicht mit dem Wert 35599 zusammen, den wir beim Update haben und deswegen wird das Update abgebrochen.