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

[Balu 0]

@balu-0
könnte ich die Buttons als Bild runterladen und sie in einem existierendem Botton ersetzen ?

[Balu 0]

@balu-0

Hier haben mir die Logiker was die Schaltung angeht,
mal wieder gut weitergeholfen, :

https://forum.iobroker.net/topic/76713/fehlermeldung-beim-ansteuern-der-torsteuerung/10
.

Hab hald jetzt erstmal langweilige Buttons die nicht mal den Status anzeigen.

Hoffe der richtige stolpert mal hier drüber.

Grüße
Balu

[arteck]

und was ist jetzt die Frage ?

[Balu 0]

@arteck
Jetzt sehen die Buttons so aus :

Die Frage ist ob die bilder der Buttons in schön wie oben auf dem bild oder ähnlich abgeändert werden können.
oder ob es da fertige andere buttons gibt.

Evtl eine zustandsanzeige offen / zu.

Alles jetz natürlich nicht zwingend notwendig... aber schöner :-)

[arteck]

@balu-0 sagte in Lagertorsteuerung ( Hörmann ) in Vis:

Die Frage ist ob die bilder der Buttons in schön wie oben auf dem bild oder ähnlich abgeändert werden können.

warum nicht.. ?? was hindert dich dabei ?in der Visu ist alles möglich

[Balu 0]

@arteck
Genau das ist der punkt.

Ich würde gerne das bild auf diesem button tauschen.
Das einzige wo ich bilder wechseln kann sind die Signalbilder.

Läst sich ein Bild immer Tauschen oder sind das bestimmte Buttons ?

[arteck]

@balu-0 es kommt drauf an welche Button bzw. widgets du benutzt....

ein html widget kannst du beliebieg anpassen .. musst aber dich mit css auskennen

installier die mal für die vis

[Balu 0]

@arteck
Danke dir !

Kann zwar kein CSS aber ich probiere mal rum.

[Feuersturm]

@balu-0
So sieht meine Garagenansteuerung aus. Das sollte dem sehr nahe kommen, was du suchst:

Widget Export

Spoiler

[{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"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","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,"src":"/icons-material-png/content/ic_remove_circle_outline_white_48dp.png","value":"4","invert_icon":false,"class":""},"style":{"left":"1026px","top":"476.99998474121094px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"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","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,"src":"/icons-material-png/content/ic_report_white_48dp.png","value":"2","invert_icon":false,"class":""},"style":{"left":"1026px","top":"546.9999847412109px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplMfdGarage","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_STATE","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":1,"visibility-groups-action":"hide","asButton":false,"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,"invert_state":false,"opened_icon":"/vis.0/Garage_offen_Auto.png","closed_icon":"","closed_iconColor":""},"style":{"left":"1090px","top":"500.99998474121094px","width":"91px","height":"92px","z-index":"1"},"widgetSet":"jqui-mfd"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"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","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,"src":"/icons-material-png/content/ic_forward_white_48dp.png","value":"1","invert_icon":false,"class":"rot270"},"style":{"left":"1184px","top":"475.99998474121094px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"},{"tpl":"tplIconState","data":{"oid":"hm-rpc.0.00241A49A769E4.1.DOOR_COMMAND","g_fixed":true,"g_visibility":true,"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","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,"src":"/icons-material-png/content/ic_forward_white_48dp.png","value":"3","invert_icon":false,"class":"rot90"},"style":{"left":"1184px","top":"542.9999847412109px","width":"56px","height":"56px","background":"transparent","border-color":"#ffffff","border-radius":"50px","z-index":"1"},"widgetSet":"jqui"}]

unter dem Reiter CSS im VIS Editor trägst du folgendes ein

.rot90{
transform: rotate(90deg);
}
.rot180{
transform: rotate(180deg);
}
.rot270{
transform: rotate(270deg);
}

[Balu 0]

@feuersturm
super Danke !

Ich uns VIS das wird die never ending Storry. :-)