Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[bye08]

edit:

doppelpost

[Peoples]

@bye08
war denke ich iobroker

[syber]

@peoples

Hi,

ist zwar schon ne Weile her,
aber könntest du das gesamt Projekt als export zur Verfügung stellen?
gefällt mir sehr gut und werde wohl noxhmal anfangen :+1: :grinning:

[Peoples]

@syber sagte in iobroker ist mega- die Visualisierung ein Supergau:

@peoples

Hi,

ist zwar schon ne Weile her,
aber könntest du das gesamt Projekt als export zur Verfügung stellen?
gefällt mir sehr gut und werde wohl noxhmal anfangen :+1: :grinning:

Hallo Syber,

das habe ich schonmal erörtert:

https://forum.iobroker.net/post/379048

Gruß

[syber]

@peoples

alles klar, das hatte ich überlesen:pray:

könntest du das Widget mit dem Balken für die Temperatur posten ?

danke trotzdem

Grüsse

[Peoples]

@syber
Hi das funktioniert über ein Html Widget / Binding in Verbindung mit CSS

Widget:

[{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":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,"html":"<div class=\"temp_horizontal\" style=\"height: 100%; width: {value:hm-rpc.0.NEQxxxxxxxx.4.ACTUAL_TEMPERATURE;value > 1 ? 100/40*value:'';value > 100? \"100\" : 100/40*value}%\"></div>","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":"520px","top":"427px","z-index":"3","width":"340px","height":"11px","border-width":"1px","border-style":"solid","border-color":"black","border-radius":"2px","background-color":"#404040"},"widgetSet":"basic"}]

CSS:

.temp_horizontal{
background: linear-gradient(to right, #0e16e4 0px,#6488a2 60px,#dfab0d 110px,#fdff00 240px,#f00000 310px); 
}

[syber]

@peoples
super ,vielen Dank für die Hilfe:+1: