Mehrere Farben für ein Icon

[Caleus]

Hey Leute

ich habe hier ein Problem wo ich nicht weiter komme vielleicht ist es auch ganz simple.

Ich möchte gerne auf dem TabletUI bei dem Heizung Symbol folgendes Realisiere

Heizung an -> Rotes Symbol
Heizung 0/off -> Blaues Symbol

Code Auswählen Erweitern

<div class="inline left-space-1x">
                    <div class="cell">
                       <div data-type="popup" data-height="160px" data-width="160px" data-mode="animate" class="">
                          <div data-type="symbol" class="small" data-device="Bad" data-icon="oa-sani_heating" data-get="desired-temp" data-get-on='["0","off",""]' data-on-background-color="transparent" data-off-background-color="transparent" data-colors='["BLUE","BLUE","RED"]'></div>
                            <div class="dialog">
                              <header>Temperatur</header>
                                <div class="cell" data-type="thermostat" data-device="Bad" data-valve="ValvePosition" data-temp="measured-temp" data-min="0" ></div>
                            </div>
                       </div>
                      <div class="small">Bad</div>
                    </div> 

Ich hoffe das es geht.

Caleus

[OdfFhem]

Ich denke, dass es so nicht geht ...

data-colors macht nur mit data-states Sinn.
data-get-on ist kein Array.

Vielleicht noch mal die "ftui symbol"-Wiki-Seite anschauen; dort insbesondere die Attribute für den Fall mit zwei Werten.

[moonsorrox]

so wird es was..! 

Code Auswählen Erweitern

data-states='["on","off"]'
data-off-color="green"
data-on-color="blue"

oh ich hatte was doppelt 

[Caleus]

Hey danke an euch ich habe nun folgendes im Einsatz

Code Auswählen Erweitern

data-states='["0","off",".*"]'
mit

Code Auswählen Erweitern

data-colors='["BLUE","BLUE","RED"]'

und es funktioniert so wie ich möchte

Caleus