FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Caleus am 27 Oktober 2018, 12:30:39

Titel: Mehrere Farben für ein Icon
Beitrag von: Caleus am 27 Oktober 2018, 12:30:39
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

<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
Titel: Antw:Mehrere Farben für ein Icon
Beitrag von: OdfFhem am 27 Oktober 2018, 13:47:25
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.
Titel: Antw:Mehrere Farben für ein Icon
Beitrag von: moonsorrox am 27 Oktober 2018, 14:12:56
so wird es was..!  ;)

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


oh ich hatte was doppelt  :-\

Titel: Antw:Mehrere Farben für ein Icon
Beitrag von: Caleus am 27 Oktober 2018, 15:03:47
Hey danke an euch ich habe nun folgendes im Einsatz

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

und es funktioniert so wie ich möchte

Caleus