Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Boergi23

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    B
    • Profile
    • Following 0
    • Followers 0
    • Topics 1
    • Posts 2
    • Best 0
    • Groups 0

    Boergi23

    @Boergi23

    0
    Reputation
    1
    Profile views
    2
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    Boergi23 Follow

    Latest posts made by Boergi23

    • RE: Zellen einfärben, je nach Wert

      @codierknecht said in Zellen einfärben, je nach Wert:

      <td class="tg-a1rn"><span style="color:{val:hue.0.Dimmer_Schlafzimmer.battery;val >= 20 ? 'green">' + val : val >= 10 ? 'yellow">' + val : 'red">' + val}</span>' %</td>

      Super, das lässt sich schonmal verwenden! Vielen Dank!
      Gibt es eine Möglichkeit die ganze Zelle einzufärben? Im Moment färbt er die Zahl. Bei "backgound-color" anstatt "color" wird nur der Zahlenhintergrund verändert, nicht die ganze Zelle.

      posted in Visualisierung
      B
      Boergi23
    • Zellen einfärben, je nach Wert

      Hallo liebe Spezialisten,

      ich möchte in VIS den Batteriestand meiner Bewegungsmelder und Taster überwachen. Ich habe eine Tabelle erstellt, die mir die Werte der jeweiligen Datenpunkte wiedergibt. Jetzt möchte ich den Zustand noch besser sichtbar machen, indem die Zelle, in welcher der Wert steht, je nach Wert farbig ist (1-10 = rot, 10-20 = gelb, 20 - 100 grün). Könnt ihr mir helfen?

      html-code:

      <style type="text/css">
      #{wid} .tg {
      border-collapse:collapse;border-spacing:0;

      }
      #{wid} .tg td{
      font-family:Arial, sans-serif;font-size:7px;padding:2px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;

      }
      #{wid} .tg th{
      font-family:Arial, sans-serif;font-size:7px;font-weight:normal;padding:7px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;

      }
      #{wid} .tg .tg-srqd{
      font-size:9px;background-color:#ffccc9

      }
      #{wid} .tg .tg-a1rn{
      background-color:#ffffc7

      }
      #{wid} .tg .tg-ezsn{
      font-size:10px;background-color:#ffccc9;color:#000000;width:25;

      }
      #{wid} .tg .tg-vzae{
      font-size:8px;background-color:#fffc9e;

      }
      </style>
      <table class="tg">
      <tr>
      <th class="tg-ezsn">Bereich</th>
      <th class="tg-ezsn">Gerät</th>
      <th class="tg-ezsn">Kapazität</th>
      <th class="tg-ezsn">Status</th>
      <th class="tg-srqd">Batterie</th>
      </tr>
      <tr>
      <td class="tg-vzae">Küche</td>
      <td class="tg-a1rn">Bewegungsmelder</td>
      <td class="tg-a1rn"></td>
      <td class="tg-a1rn">{deconz.0.Sensors.23.battery} %</td>
      <td class="tg-a1rn">2x CR2032</td>
      </tr>
      <tr>
      <td class="tg-vzae">Flur unten</td>
      <td class="tg-a1rn">Bewegungsmelder</td>
      <td class="tg-a1rn"></td>
      <td class="tg-a1rn">{hue.0.Bewegungssensor_Iobroker.battery} %</td>
      <td class="tg-a1rn">2x AAA</td>
      </tr>
      <tr>
      <td class="tg-vzae"></td>
      <td class="tg-a1rn">Taster</td>
      <td class="tg-a1rn"></td>
      <td class="tg-a1rn">{hue.0.Dimmer_Flur.battery} %</td>
      <td class="tg-a1rn">1x CR2450</td>
      </tr>
      <tr>
      <td class="tg-vzae">Wohnzimmer</td>
      <td class="tg-a1rn">Taster</td>
      <td class="tg-a1rn"></td>
      <td class="tg-a1rn">{hue.0.Dimmer_Wohnzimmer.battery} %</td>
      <td class="tg-a1rn">1x CR2450</td>
      </tr>
      <tr>
      <td class="tg-vzae">Hauseingang</td>
      <td class="tg-a1rn">Bewegungsmelder</td>
      <td class="tg-a1rn"></td>
      <td class="tg-a1rn"></td>
      <td class="tg-a1rn"></td>
      </tr>
      <tr>
      <td class="tg-vzae">Flur oben</td>
      <td class="tg-a1rn">Bewegungsmelder</td>
      <td class="tg-a1rn"></td>
      <td class="tg-a1rn">{hue.0.Bewegungssensor_Flur_oben.battery} %</td>
      <td class="tg-a1rn">2x AAA</td>
      </tr>
      <tr>
      <td class="tg-vzae"></td>
      <td class="tg-a1rn">Taster</td>
      <td class="tg-a1rn"></td>
      <td class="tg-a1rn">{deconz.0.Sensors.8.battery} %</td>
      <td class="tg-a1rn">1x CR2032</td>
      </tr>
      <tr>
      <td class="tg-vzae">Bad</td>
      <td class="tg-a1rn">Taster</td>
      <td class="tg-a1rn"></td>
      <td class="tg-a1rn">{hue.0.Dimmer_Bad.battery} %</td>
      <td class="tg-a1rn">1x CR2450</td>
      </tr>
      <tr>
      <td class="tg-vzae">Zimmer Vince</td>
      <td class="tg-a1rn">Taster</td>
      <td class="tg-a1rn"></td>
      <td class="tg-a1rn">{deconz.0.Sensors.9.battery} %</td>
      <td class="tg-a1rn">1x CR2032</td>
      </tr>
      <tr>
      <td class="tg-vzae">Schlafzimmer</td>
      <td class="tg-a1rn">Taster (Tür)</td>
      <td class="tg-a1rn"></td>
      <td class="tg-a1rn">{hue.0.Dimmer_Schlafzimmer.battery} %</td>
      <td class="tg-a1rn">1x CR2450</td>
      </tr>

      </tr>
      </table>


      Ausgabe:
      f53eaedf-0ae4-484c-bf27-e0dd970eef41-grafik.png
      Die Zellen in der Spalte "Status" sollen, je nach Wert, farbig sein.

      Ich würde mich sehr freuen, wenn ihr mir helfen könntet!

      posted in Visualisierung
      B
      Boergi23
    Community
    Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
    The ioBroker Community 2014-2023
    logo