FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: bjoernbo am 15 Februar 2016, 17:18:19

Titel: Ein Label mit zusätzlichem Icon versehen
Beitrag von: bjoernbo am 15 Februar 2016, 17:18:19
Ich habe versucht dem Widget "label" ein Icon zuzufügen. Ich habe mal experimentiert.

Zitat<div data-type="label"
                     data-device="Schlafzimmer.Wandthermostat"
                     data-get="battery"
                     data-icons='["fa-battery-empty","fa-battery-full"]'   
                     data-limits='["low","ok"]'
                     data-colors='["red","green"]'
                     class="darker narrow">
                </div>

aber das geht glaube ich nicht, oder?
Titel: Antw:Ein Label mit zusätzlichem Icon versehen
Beitrag von: setstate am 15 Februar 2016, 17:50:39
Dafür nimmt man ein Symbol und ein Label


<div data-type="symbol"
     data-device="WohnzimmerHeizung"
     data-get="batteryLevel"
     data-icons='["fa-battery-empty","fa-battery-full"]'
     data-colors='["red","green"]'
     data-states='["2.3","2.5"]'
     class="">
</div>
<div data-type="label"
     data-device="WohnzimmerHeizung"
     data-get="batteryLevel"
     data-limits='["2.3","2.5"]'
     data-colors='["red","green"]'
     class="inline">
</div>


Man kann das auch ineinander schieben:


<div data-type="symbol"
     data-device="WohnzimmerHeizung"
     data-get="batteryLevel"
     data-icons='["fa-battery-empty","fa-battery-full"]'
     data-colors='["red","green"]'
     data-states='["2.3","2.5"]'
     class="right-narrow big">
</div>
<div data-type="label"
     data-device="WohnzimmerHeizung"
     data-get="batteryLevel"
     data-limits='["2.3","2.5"]'
     data-colors='["red","green"]'
     class="inline left-narrow-2x">
</div>