[gelöst] UpDownStart Widget einfärben

[Kuehnhackel]

Folgende Code setze ich für meine Rolladen ein.

Code Auswählen Erweitern

<td><div data-type="label" class="normal bold thin black inline">Status:</div>
    <div data-type="label" data-device="Roll_K_Li" data-get="state" class="normal bold thin black inline"></div>
    <div data-type="push" data-device="Roll_K_Li" data-icon="fa-chevron-up"   data-background-icon="fa-square-o" data-set-on="auf"  class=""> </div>
    <div data-type="push" data-device="Roll_K_Li" data-icon="fa-minus"        data-background-icon="fa-square-o" data-set-on="stop" class=""> </div>
    <div data-type="push" data-device="Roll_K_Li" data-icon="fa-chevron-down" data-background-icon="fa-square-o" data-set-on="ab"   class=""> </div>
    <div><p style="font-size:150%;color:black"><b>K&uumlche Links</b></div>
</td

Jetzt möchte ich aber nicht den Status als Text -> Status: Auf oder Stop oder Ab sehen bzw lesen, sonder das Symbol Shutters 100% bzw Shutters 0%, also Rollade geschlossen oder Rollade oben.
Hat jemand eine Lösung oder Denkanstoss?
Ich wäre sehr dankbar.

[amenomade]

Etwas in der Art:

Code Auswählen Erweitern

<div data-type="symbol"
data-icons='["oa-fts_shutter_10","oa-fts_shutter_100"]'
data-get-on='["open","closed)"]'
data-on-colors='["#aa6900","#FFFFFF"]'
data-device='Roll_K_Li'>
</div>


[Kuehnhackel]

Etwas in der Art:

Code Auswählen Erweitern


data-get-on='["open","closed)"]'



Vielen Dank hat geklappt, nachdem ist open und closed gegen auf und ab und die runde Klamme weggeleassen habe 

[Kuehnhackel]

Folgendes Problem: die Zustände der Icon ändern sich wie gewollt, aber die Farben ändern sich nicht.

Code Auswählen Erweitern

<table border=3><colgroup width="150" span="2"></colgroup>
<tr>
<td>
<div data-type="symbol"
data-get-on='["auf","stop","ab"]'
data-on-colors='["#81F781","#222222","#FFFFFF"]'
         data-icons='["oa-fts_window_2w","oa-fts_shutter_50","oa-fts_shutter_100"]'
data-device='Roll_K_Li'
         class="bigger">
    </div>
   
    <div data-type="push" data-device="Roll_K_Li" data-icon="fa-chevron-up"   data-background-icon="fa-square-o" data-set-on="auf"  class=""></div>
    <div data-type="push" data-device="Roll_K_Li" data-icon="fa-minus"        data-background-icon="fa-square-o" data-set-on="stop" class=""></div>
    <div data-type="push" data-device="Roll_K_Li" data-icon="fa-chevron-down" data-background-icon="fa-square-o" data-set-on="ab"   class=""></div>
    <div><p style="font-size:150%;color:black"><b>K&uumlche Links</b></div>
</td

Was übersehe ich?

[OdfFhem]

https://wiki.fhem.de/wiki/FTUI_Widget_Symbol

Hier dann insbesondere "Einstellung bei mehreren Werten" ... data-states,data-icons,data-colors ...

[Kuehnhackel]

https://wiki.fhem.de/wiki/FTUI_Widget_Symbol

Hier dann insbesondere "Einstellung bei mehreren Werten" ... data-states,data-icons,data-colors ...

Hatte ich gester auch probiert, aber der mochte keine Hex-Zahlen.
Ausgeschrieben funktioniert es.
Nochmals vielen Dank für die schnelle Hilfe.

[Paul]

Code Auswählen Erweitern

data-on-colors='["#81F781","#222222","#FFFFFF"]'

Es geht auch mit Hex-Zahlen nur das "on" ist zuviel.