Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄

[SuFra]

Hallo

Ich war es irgendwan leid mir meine Schalter im Vis immer wieder neu zusammen zu stellen und habe mir ein eigenes "Widget" zusammen gestellt.
Vieleicht hilft das den ein oder anderem.

Das Ausrufezeichen zeigt an ob das Device erreichbar ist.

Hier nun das Widget:

Spoiler

[{"tpl":"_tplGroup","data":{"members":["w00465","w00466","w00467","w00468","w00136"],"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","attrCount":"4","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,"attrName1":"Objekt ID","attrName2":"Titel","attrName3":"CSS Klasse","attrType1":"id","attrType2":"html","attrType3":"html","groupAttr1":"dev1","groupAttr2":"Lichtleiste","groupAttr3":"mdui-label mdui-label-font-big","attrName4":"Fehler ID","attrType4":"id","groupAttr4":"dev1-fail"},"widgetSet":null,"style":{"top":"201px","left":"51px","width":"213px","height":"53px"}},{"tpl":"tplBulbOnOffCtrl","data":{"oid":"groupAttr1","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","icon_off":"/vis.0/main/Bilder/power-button.png","icon_on":"/vis.0/main/Bilder/power-button-gr.png","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,"readOnly":true},"style":{"left":"73.71%","top":"11.32%","width":"18.78%","height":"75.47%","z-index":"10"},"widgetSet":"basic","grouped":true,"groupName":"w00465"},{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"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":"groupAttr2","class":"groupAttr3","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":"6.1%","top":"22.64%","width":"55.87%","height":"52.83%","z-index":2},"widgetSet":"basic","grouped":true,"groupName":"w00466"},{"tpl":"tplFrame","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,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","title":"","title_color":"black","title_top":"-10","title_left":"15","header_height":"0","header_color":"black","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":"0%","top":"0%","border-width":"2px","border-style":"solid","border-radius":"15px","border-color":"#cdcbcb","width":"98.59%","height":"94.34%","background-color":"","background":"-webkit-linear-gradient(-90deg, #676767 0%,#090909 100%) ","z-index":"1"},"widgetSet":"basic","grouped":true,"groupName":"w00467"},{"tpl":"tplValueBoolCtrl","data":{"oid":"groupAttr1","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","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":"0%","top":"0%","width":"100%","height":"100%","z-index":"20"},"widgetSet":"basic","grouped":true,"groupName":"w00468"},{"tpl":"tplBulbOnOffCtrl","data":{"oid":"groupAttr4","g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"false","visibility-groups-action":"hide","icon_off":"/vis.0/Images/emblem-important-red.png","icon_on":"/vis.0/Images/emblem-important-red.png","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,"visibility-oid":"groupAttr4"},"style":{"left":"51.64%","top":"-43.4%","width":"20.66%","height":"84.91%","z-index":"20"},"widgetSet":"basic","grouped":true,"groupName":"w00136"}]

Die Einstellungen:

Objekt ID: ID des Schaltaktors, zB "sonoff.0.S20-4ch-Garten.POWER2"

Titel: Name des Schalters

CSS Klasse: hier kann man wenn man wie ich zb Material Design von Uhula verwendet die CSS Klasse für die Schrift eintragen.

Fehler ID: ID ob der Aktor noch lebt, zB "tr-064-community.0.devices.Sonof-Ch4-Garten.active"

Viel Spaß damit :D

[SuFra]

Achja, die Bilder sollten nach
/vis.0/Images/ !

[sigi234]

Edit:

Link nicht erwünscht.

[SuFra]

@sigi234 sagte in [Vorlage] Schalter Widget:

Oder das:

https://forum.iobroker.net/topic/25374/neuer-vis-adpater-material-design-widgets

Ist jetzt nicht gerade nett einfach auf ein anderen Thread zu verweisen.
Vielleicht hat ja auch jemand Interesse selber ein Widget zusammen zu stellen, da könnte mein Schalter Widget ja als Vorlage recht interessant sein ?!

[leonundjulie]

@sufra Hallo, habe Dein Widget importiert und die Bilder entsprechend importiert. Aber dennoch werden die Bilder nicht angezeigt und in Deinem Widget sieht mehrfach etwas vom „low Battery“ …. ich kriege es nicht hin, kannst Du helfen?