<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Farbiges Rechteck entsprechend Wert des DP]]></title><description><![CDATA[<p dir="auto">Hallo zusammen,</p>
<p dir="auto">es ist sicher eine "simple" Frage, doch für mich eine Herausforderung.<br />
Ich möchte gern ein farbiges Rechteck erstellen, welches die eine bestimmte Farbe entsprechend des Wertes im DP annimmt.<br />
Bsp.</p>
<p dir="auto">bei &lt;19 --&gt; ist das Rechteck blau<br />
bei &gt;19&lt;22 --&gt; ist das Rechteck grün<br />
bei &gt;22 --&gt; ist das Rechteck rot</p>
<p dir="auto">Dazu würe ich das Widget "ValueList HTML Style" verwenden und wie folgt konfigurieren:<br />
<img src="/assets/uploads/files/1640869761846-fab4bb07-8a53-4283-b75f-51214e715b51-image.png" alt="fab4bb07-8a53-4283-b75f-51214e715b51-image.png" class=" img-fluid img-markdown" /><br />
Sind die Gedanken für den Wertebereich korrekt angelegt oder muss ich eine Syntax beachten.<br />
Für den Stil muss dazu ein "Color-Befehl" eingepflegt werden?</p>
<p dir="auto">Vielleicht geht es ja auch einfacher?<br />
Danke schon mal vorab für jeden Tipp oder Hilfe!</p>
<p dir="auto">BG</p>
]]></description><link>https://forum.iobroker.net/topic/50838/farbiges-rechteck-entsprechend-wert-des-dp</link><generator>RSS for Node</generator><lastBuildDate>Mon, 27 Apr 2026 21:52:28 GMT</lastBuildDate><atom:link href="https://forum.iobroker.net/topic/50838.rss" rel="self" type="application/rss+xml"/><pubDate>Thu, 30 Dec 2021 13:11:36 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Farbiges Rechteck entsprechend Wert des DP on Thu, 30 Dec 2021 13:49:04 GMT]]></title><description><![CDATA[<p dir="auto">@ub-privat</p>
<p dir="auto">oh ja - damit kann man z.b. widgets unsichtbar machen, wenn man mehrere dp auswerten will/muss (man kann auch mehrere verschiedene datenpunkte nutzen), oder widget in der position  verschieben (nutze ich auch), oder classen (blinken, drehen,..) zuweisen, oder werte mit komma in werte mit punkt verwandel, oder auch widget verschieden skalieren...........</p>
]]></description><link>https://forum.iobroker.net/post/729887</link><guid isPermaLink="true">https://forum.iobroker.net/post/729887</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Thu, 30 Dec 2021 13:49:04 GMT</pubDate></item><item><title><![CDATA[Reply to Farbiges Rechteck entsprechend Wert des DP on Thu, 30 Dec 2021 13:35:43 GMT]]></title><description><![CDATA[<p dir="auto">Danke! Wieder etwas gelernt und das kann ich für soviele Anwendungen benutzen! Perfekt!</p>
]]></description><link>https://forum.iobroker.net/post/729863</link><guid isPermaLink="true">https://forum.iobroker.net/post/729863</guid><dc:creator><![CDATA[ub.privat]]></dc:creator><pubDate>Thu, 30 Dec 2021 13:35:43 GMT</pubDate></item><item><title><![CDATA[Reply to Farbiges Rechteck entsprechend Wert des DP on Thu, 30 Dec 2021 13:22:48 GMT]]></title><description><![CDATA[<p dir="auto">@ub-privat</p>
<p dir="auto">geht auch über binding mit einem standard html widget</p>
<p dir="auto"><img src="/assets/uploads/files/1640870460751-aapossis-158.gif" alt="AApossis (158).gif" class=" img-fluid img-markdown" /></p>
<p dir="auto"><img src="/assets/uploads/files/1640870499533-image-9.png" alt="Image 9.png" class=" img-fluid img-markdown" /></p>
<p dir="auto"></p><section class="spoiler-wrapper"><button class="spoiler-control btn btn-default"> widget import</button><section style="display:none" class="spoiler-content"><p></p>
<pre><code>[{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"787px","top":"413px","border-width":"4px","border-style":"solid","border-radius":"15px","border-color":"{val:0_userdata.0.CONTROL-OWN.AAATEST.TestZahl2; val&lt;19 ? \"blue\" : val&gt;22 ? \"red\" : \"green\"}"},"widgetSet":"basic"}]
</code></pre>
<p dir="auto"></p></section></section><p></p>
<pre><code>{val:0_userdata.0.CONTROL-OWN.AAATEST.TestZahl2; val&lt;19 ? "blue" : val&gt;22 ? "red" : "green"}
</code></pre>
]]></description><link>https://forum.iobroker.net/post/729841</link><guid isPermaLink="true">https://forum.iobroker.net/post/729841</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Thu, 30 Dec 2021 13:22:48 GMT</pubDate></item></channel></rss>