FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: misux am 23 April 2018, 12:55:23

Titel: Hintergrundfarbe ändern bei Zustandsänderung eines sensors...?
Beitrag von: misux am 23 April 2018, 12:55:23
Hi!

Ich es irgendwie möglich auch noch den Hintergrund automatisch zu wechsenl wenn sich der Zustand des Sensors ändert?

Bei der Schrift hab ich es hin bekommen aber stehe was den Hintergrund angeht irgendwie aufm Schlauch...

<li data-row="1" data-col="1" data-sizex="15" data-sizey="1" class=bg-transparent>
<table width="100%">
<tr>
<!-- ============= TOR ================ -->
<!-- ====================================== -->
<td width="15%">
<div class="fixedlabel bigger bold" data-type="label" data-device="SENSOR_1_Tor" data-states='["open","closed"]' data-classes='["yellow","grey"]' >TOR</div>

<div data-type="classchanger"
      data-device="SENSOR_1_Tor"
      data-on-class="roundborder-red"
      data-off-class="roundborder-black">

    <div data-type="label"
     style="line-height: 3em;"
     data-device="SENSOR_1_Tor"
     data-get="STATE"
     data-substitution='["open","OFFEN!!!","closed","Geschlossen"]'
     data-limits='["open","closed"]'
     data-colors='["#FF0000","grey"]'></div>
</div>
</td>
Titel: Antw:Hintergrundfarbe ändern bei Zustandsänderung eines sensors...?
Beitrag von: misux am 23 April 2018, 14:07:36
Hab es jetzt soweit so aber es wird nicht der ganze bereich der BOX gefärbt... :-\

<li data-row="1" data-col="1" data-sizex="15" data-sizey="1" class=bg-transparent>
<table width="100%">
<tr>
<!-- ============= TOR ================ -->
<!-- ====================================== -->
<td width="15%">
<div data-type="classchanger" data-device="SENSOR_1_Tor" data-off-class="#808080" data-on-class="bg-green">
<div class="fixedlabel bigger bold" data-type="label" data-device="SENSOR_1_Tor" data-states='["open","closed"]' data-classes='["yellow","grey"]'>TOR</div>

<div data-type="classchanger"
      data-device="SENSOR_1_Tor"
      data-on-class="roundborder-red"
      data-off-class="roundborder-black">

    <div data-type="label"
     style="line-height: 3em;"
     data-device="SENSOR_1_Tor"
     data-get="STATE"
     data-substitution='["open","OFFEN!!!","closed","Geschlossen"]'
     data-limits='["open","closed"]'
     data-colors='["#FF0000","grey"]'></div>
</div></div>

</td>
Titel: Antw:Hintergrundfarbe ändern bei Zustandsänderung eines sensors...?
Beitrag von: Vaddi am 23 April 2018, 19:06:10
Ich habe deinen Code gerade mal bei mir getestet, funktioniert bei mir, allerdings weiß ich auch nicht, was du mit
"ganze BOX" meinst. Nen Screenshot wäre ganz hilfreich.
Achso, einige Fehler habe ich allerdings gerade auf die schnelle gesehen.
Da fehlen die Anführungszeichen im li tag bei class=bg-transparent
<li data-row="1" data-col="1" data-sizex="15" data-sizey="1" class="bg-transparent">
Außerdem schließt du die tags <tr>, <table> und <li> nicht.
Titel: Antw:Hintergrundfarbe ändern bei Zustandsänderung eines sensors...?
Beitrag von: misux am 24 April 2018, 12:51:58
Okay habe die Fehler beseitigt... Leider ohne Erfolg... Habe das Bild angehängt.. Es wird nichtbdie ganze Box grün sondern nir so hoch wie der Text ist.. .

Geschlossen wird sie schon, nur viel später... hängt noch mehr dran, wollte nur nicht alles überfüllen...
Titel: Antw:Hintergrundfarbe ändern bei Zustandsänderung eines sensors...?
Beitrag von: Vaddi am 24 April 2018, 17:58:02
Das sscheint an deiner Tabelle zu liegen.
Wie man allerdings den classchanger auf ein <td> setzt, weiß ich nicht.