FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: schka17 am 24 September 2016, 13:05:39

Titel: [Gelöst] Farbe einer Box aufgrund eines readings, Wertes ändern
Beitrag von: schka17 am 24 September 2016, 13:05:39
Hallo,
ich bin dabei schön langsam meine Tablet Oberflächen von RSS auf FTUI umzustellen, aber ich verwende für einige Informationen in RSS unterschiedliche Hintergrund Farben, einfach um Information ohne zusätzliches Icon oder Text darzustellen. Als Beispiel, das Feld mit den Werten des outdoor sensors wird blau hinterlegt wenn es regnet.
Ich habe aber keine Idee wie ich das in FTUI lösen könnte.

Hat jemand eine Idee?


Sent from my iPad using Tapatalk
Titel: Antw:Farbe einer Box aufgrund eines readings, Wertes ändern
Beitrag von: setstate am 24 September 2016, 13:25:38
Klappt mit einem Label-Widget oder dem classchanger.
War hier schon mal Thema:

https://forum.fhem.de/index.php/topic,53868.0.html

Ist vermutlich noch nicht im Wiki gelandet  ;)
Titel: Antw:Farbe einer Box aufgrund eines readings, Wertes ändern
Beitrag von: schka17 am 24 September 2016, 18:33:05
funktioniert perfekt, genaus das hat mir gefehlt., danke

mag sein dass ich es auch überlesen habe, mittlerweile ist der Stoff so umfangreich geworden, und meistens habe ich eher das Problem die richtigen Suchkriterien zu finden...

habs mal schnell getestet:

<li class="halbTransparent" data-row="2" data-col="7" data-sizex="1" data-sizey="2">
<header class="headerTransparent">MÜLL</header>
<div data-type="label" data-device="OUTPUT1" data-limits-get="state"
                    data-classes='["bg-red","bg-green"]' data-limits='["0","1"]'
                    class="fullsize fixedlabel absolute">
<div class="top-space">
<div data-type="button"
data-background-icon="none"
data-device="Restmuell"
data-get="state"
data-off-color="#606060"
data-cmd="set Restmuell off"
data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-icons='["fa-trash-o warn","fa-trash-o warn blink","fa-trash-o warn"]'
data-on-colors='["#505050","#505050","#505050"]'
class="bigger">
</div>
<div data-type="button"
data-background-icon="none"
data-device="Papier"
data-get="state"
data-off-color="cornflowerblue"
data-cmd="set Papier off"
data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-icons='["fs-bag warn","fs-bag warn blink","fs-bag warn"]'
data-on-colors='["cornflowerblue","cornflowerblue","cornflowerblue"]'
class="bigger">
</div>
<div data-type="button"
data-background-icon="none"
data-device="Plastik"
data-get="state"
data-off-color="yellow"
data-cmd="set Plastik off"
data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-icons='["fs-bag warn","fs-bag warn blink","fs-bag warn"]'
data-on-colors='["yellow","yellow","yellow"]'
class="bigger">
</div>
</div>
</div>
</li>