Ein Label mit zusätzlichem Icon versehen

[bjoernbo]

Ich habe versucht dem Widget "label" ein Icon zuzufügen. Ich habe mal experimentiert.

<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?

[setstate]

Dafür nimmt man ein Symbol und ein Label

Code Auswählen Erweitern


<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:

Code Auswählen Erweitern


<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>