- ioBroker Community Home
- Deutsch
- Visualisierung
- Material Design Widgets: Buttons Widget
NEWS
Material Design Widgets: Buttons Widget
-
Gibt es die ggfs. Auch als gekippte Fenster?
-
Hallo @Scrounger, du siehst deine Widgets werden bei mir für Allerlei "misbraucht" :-)
Der Button-Switch im Datum soll dafür dienen, um eine Objekt-ID zu steuern, über die dann die Sichtbarkeit eines Kalender auf dem Homescreen gesteuert werden soll. Leider verändert sich der Button nach dem Betätigen etwas, wo ich dich gerne fragen würde, ob du eine Idee hast, wie der Button einfach so bleiben kann, wie er auch im "ungedrückten" Zustand erscheint - siehe Beispiele unterhalb:
Vor Betätigen der Schaltfläche:

Nach Betätigen der Schaltfläche:

Konfiguration Button:

-
Hallo @Scrounger, du siehst deine Widgets werden bei mir für Allerlei "misbraucht" :-)
Der Button-Switch im Datum soll dafür dienen, um eine Objekt-ID zu steuern, über die dann die Sichtbarkeit eines Kalender auf dem Homescreen gesteuert werden soll. Leider verändert sich der Button nach dem Betätigen etwas, wo ich dich gerne fragen würde, ob du eine Idee hast, wie der Button einfach so bleiben kann, wie er auch im "ungedrückten" Zustand erscheint - siehe Beispiele unterhalb:
Vor Betätigen der Schaltfläche:

Nach Betätigen der Schaltfläche:

Konfiguration Button:

@Bostil
Bei Farbe alle drei gleiche eintragen<a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>
<a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>
-
Oh man ... also manchmal ...
Vielen Dank (mal wieder) @Scrounger !!!
-
Oh man ... also manchmal ...
Vielen Dank (mal wieder) @Scrounger !!!
@Bostil
Kein Problem helfe gerne. Und genau dafur hab ich die ganzen Themen erstellt<a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>
<a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>
-
Ich habe ein Problem mit dem Button State Widget.
Über Binding stelle ich die Farbe des aktiven Button dar.
Bei 2 geht es, bei den restlichen nicht.

Binding hab ich überprüft. Müsste passen.Kannst du bitte mal drüberschaun?
[{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Error","buttontext":" Error ({v:logparser.0.filters.Error.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Error\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnError","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"237px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Error\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Homematic","buttontext":" Homematic ({v:logparser.0.filters.Homematic.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Homematic\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnHomematic","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"279px","z-index":"50","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Eingangstuerhuawei\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Laura-Volume","buttontext":" Laura-Volume ({v:logparser.0.filters.Laura-Volume.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Laura-Volume\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"365px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Alexa","buttontext":" Alexa ({v:logparser.0.filters.Alexa.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Alexa\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"322px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Debug","buttontext":" Debug ({v:logparser.0.filters.Debug.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Debug\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"151px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Warn","buttontext":" Warn ({v:logparser.0.filters.Warn.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Warn\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnWarn","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"194px","z-index":"50","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Warn\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"}]° Node.js: 20.17.0 NPM: 10.8.2
° Proxmox, Ubuntu 22.04.3 LTS
° Fixer ---> iob fix -
Ich habe ein Problem mit dem Button State Widget.
Über Binding stelle ich die Farbe des aktiven Button dar.
Bei 2 geht es, bei den restlichen nicht.

Binding hab ich überprüft. Müsste passen.Kannst du bitte mal drüberschaun?
[{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Error","buttontext":" Error ({v:logparser.0.filters.Error.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Error\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnError","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"237px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Error\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Homematic","buttontext":" Homematic ({v:logparser.0.filters.Homematic.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Homematic\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnHomematic","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"279px","z-index":"50","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Eingangstuerhuawei\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Laura-Volume","buttontext":" Laura-Volume ({v:logparser.0.filters.Laura-Volume.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Laura-Volume\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"365px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Alexa","buttontext":" Alexa ({v:logparser.0.filters.Alexa.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Alexa\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"322px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Debug","buttontext":" Debug ({v:logparser.0.filters.Debug.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Debug\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"151px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Warn","buttontext":" Warn ({v:logparser.0.filters.Warn.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Warn\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnWarn","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"194px","z-index":"50","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Warn\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"}]@Negalein Dein Widget sieht interessant aus. Interessehalber: Wie sieht die Programmierung dahinter aus? Kann mir auch gut vorstellen Infos kategorisiert auszugeben. Wäre wirklich mal interessant, wie du es gelöst hast :-)
-
@Negalein Dein Widget sieht interessant aus. Interessehalber: Wie sieht die Programmierung dahinter aus? Kann mir auch gut vorstellen Infos kategorisiert auszugeben. Wäre wirklich mal interessant, wie du es gelöst hast :-)
Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
Immer Daten sichern! -
@sigi234 sagte in Material Design Widgets: Buttons Widget:
Ich habe es kombiniert mit Button und Icon List Widgets.
das Icon-List-Widget ist nicht so mein Fall.
Die Buttons alleine passen zu meinem Layout.@Bostil sagte in Material Design Widgets: Buttons Widget:
Dein Widget sieht interessant aus. Interessehalber: Wie sieht die Programmierung dahinter aus? Kann mir auch gut vorstellen Infos kategorisiert auszugeben. Wäre wirklich mal interessant, wie du es gelöst hast
die Daten kommen vom Log-Parser Adapter von Mic.
° Node.js: 20.17.0 NPM: 10.8.2
° Proxmox, Ubuntu 22.04.3 LTS
° Fixer ---> iob fix -
Ich habe ein Problem mit dem Button State Widget.
Über Binding stelle ich die Farbe des aktiven Button dar.
Bei 2 geht es, bei den restlichen nicht.

Binding hab ich überprüft. Müsste passen.Kannst du bitte mal drüberschaun?
[{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Error","buttontext":" Error ({v:logparser.0.filters.Error.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Error\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnError","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"237px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Error\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Homematic","buttontext":" Homematic ({v:logparser.0.filters.Homematic.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Homematic\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnHomematic","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"279px","z-index":"50","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Eingangstuerhuawei\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Laura-Volume","buttontext":" Laura-Volume ({v:logparser.0.filters.Laura-Volume.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Laura-Volume\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"365px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Alexa","buttontext":" Alexa ({v:logparser.0.filters.Alexa.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Alexa\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"322px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Debug","buttontext":" Debug ({v:logparser.0.filters.Debug.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Debug\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"151px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Warn","buttontext":" Warn ({v:logparser.0.filters.Warn.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Warn\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnWarn","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"194px","z-index":"50","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Warn\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"}]@Negalein
Also auf dem Screenshot sieht es doch genau so aus, wie du es beschreibst? Versteh nicht wo der Fehler ist.<a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>
<a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>
-
@Negalein
Also auf dem Screenshot sieht es doch genau so aus, wie du es beschreibst? Versteh nicht wo der Fehler ist.@Scrounger sagte in Material Design Widgets: Buttons Widget:
Also auf dem Screenshot sieht es doch genau so aus, wie du es beschreibst? Versteh nicht wo der Fehler ist.
Die Buttons
WarnundErrorwerden grau, wenn sie aktiv sind.
Die anderen bleiben schwarz.° Node.js: 20.17.0 NPM: 10.8.2
° Proxmox, Ubuntu 22.04.3 LTS
° Fixer ---> iob fix -
@Scrounger sagte in Material Design Widgets: Buttons Widget:
Also auf dem Screenshot sieht es doch genau so aus, wie du es beschreibst? Versteh nicht wo der Fehler ist.
Die Buttons
WarnundErrorwerden grau, wenn sie aktiv sind.
Die anderen bleiben schwarz.Widget habe ich angepasst :
[{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Warn","buttontext":" Warn ({v:logparser.0.filters.Warn.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Warn\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnWarn","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"194px","z-index":"50","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Warn\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Debug","buttontext":" Debug ({v:logparser.0.filters.Debug.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Debug\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"151px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Debug\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Alexa","buttontext":" Alexa ({v:logparser.0.filters.Alexa.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Alexa\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"322px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Alexa\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Laura-Volume","buttontext":" Laura-Volume ({v:logparser.0.filters.Laura-Volume.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Laura-Volume\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"365px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Laura-Volume\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Homematic","buttontext":" Homematic ({v:logparser.0.filters.Homematic.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Homematic\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnHomematic","autoLockAfter":"10","lockFilterGrayscale":"30","lockIconSize":"-4"},"style":{"left":"26px","top":"279px","z-index":"50","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Homematic\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Error","buttontext":" Error ({v:logparser.0.filters.Error.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Error\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnError","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"237px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Error\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"}]Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..
-
Widget habe ich angepasst :
[{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Warn","buttontext":" Warn ({v:logparser.0.filters.Warn.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Warn\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnWarn","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"194px","z-index":"50","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Warn\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Debug","buttontext":" Debug ({v:logparser.0.filters.Debug.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Debug\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"151px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Debug\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Alexa","buttontext":" Alexa ({v:logparser.0.filters.Alexa.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Alexa\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"322px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Alexa\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Laura-Volume","buttontext":" Laura-Volume ({v:logparser.0.filters.Laura-Volume.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Laura-Volume\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"365px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Laura-Volume\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Homematic","buttontext":" Homematic ({v:logparser.0.filters.Homematic.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Homematic\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnHomematic","autoLockAfter":"10","lockFilterGrayscale":"30","lockIconSize":"-4"},"style":{"left":"26px","top":"279px","z-index":"50","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Homematic\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Error","buttontext":" Error ({v:logparser.0.filters.Error.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Error\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnError","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"237px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Error\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"}]@Glasfaser sagte in Material Design Widgets: Buttons Widget:
Widget habe ich angepasst :
Danke
1000x hingeschaut, aber CSS Background nie aufgemacht! :confounded:° Node.js: 20.17.0 NPM: 10.8.2
° Proxmox, Ubuntu 22.04.3 LTS
° Fixer ---> iob fix -
@Glasfaser sagte in Material Design Widgets: Buttons Widget:
Widget habe ich angepasst :
Danke
1000x hingeschaut, aber CSS Background nie aufgemacht! :confounded:Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..
-
Ich habe ein Problem mit dem Button State Widget.
Über Binding stelle ich die Farbe des aktiven Button dar.
Bei 2 geht es, bei den restlichen nicht.

Binding hab ich überprüft. Müsste passen.Kannst du bitte mal drüberschaun?
[{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Error","buttontext":" Error ({v:logparser.0.filters.Error.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Error\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnError","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"237px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Error\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Homematic","buttontext":" Homematic ({v:logparser.0.filters.Homematic.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Homematic\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnHomematic","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"279px","z-index":"50","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Eingangstuerhuawei\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Laura-Volume","buttontext":" Laura-Volume ({v:logparser.0.filters.Laura-Volume.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Laura-Volume\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"365px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Alexa","buttontext":" Alexa ({v:logparser.0.filters.Alexa.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Alexa\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"322px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Debug","buttontext":" Debug ({v:logparser.0.filters.Debug.jsonCount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Debug\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnInfo","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"151px","z-index":"49","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"logparser.0.visualization.table0.selection","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Log-Mic-2/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.0/Log-Mic-2/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.0/Log-Mic-2/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,"value":"Warn","buttontext":" Warn ({v:logparser.0.filters.Warn.jsonCount;v})","image":"alert-circle-outline","labelWidth":"0","colorPress":"{b:logparser.0.visualization.table0.selection;b==\"Warn\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnWarn","autoLockAfter":"10","lockFilterGrayscale":"30"},"style":{"left":"26px","top":"194px","z-index":"50","width":"180px","height":"32px","background-color":"{b:logparser.0.visualization.table0.selection;b==\"Warn\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"}]@Negalein sagte in Material Design Widgets: Buttons Widget:
Ich habe ein Problem mit dem Button State Widget.
Über Binding stelle ich die Farbe des aktiven Button dar.
Bei 2 geht es, bei den restlichen nicht.
Liegt dran, weil der Wert der per Button gesetzt wird ein anderer ist als den du im Color Binding verwendest:

Binding color:
{b:logparser.0.visualization.table0.selection;b=="Info" ? "#4d4d4d" : "#2e2e2e"}Jetzt musst dich entscheiden, Warn oder Info ;-)
<a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>
<a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>
-
@Glasfaser sagte in Material Design Widgets: Buttons Widget:
Widget habe ich angepasst :
Danke
1000x hingeschaut, aber CSS Background nie aufgemacht! :confounded:@Glasfaser
@Negalein sagte in Material Design Widgets: Buttons Widget:1000x hingeschaut, aber CSS Background nie aufgemacht! :confounded:
Das wäre auch ein gutes Eier-Versteck gewesen :joy:
Danke für den Hinweis, ist nun auch in der VIS-Vorlage des Log Parser Adapters korrigiert. -
@Negalein sagte in Material Design Widgets: Buttons Widget:
Ich habe ein Problem mit dem Button State Widget.
Über Binding stelle ich die Farbe des aktiven Button dar.
Bei 2 geht es, bei den restlichen nicht.
Liegt dran, weil der Wert der per Button gesetzt wird ein anderer ist als den du im Color Binding verwendest:

Binding color:
{b:logparser.0.visualization.table0.selection;b=="Info" ? "#4d4d4d" : "#2e2e2e"}Jetzt musst dich entscheiden, Warn oder Info ;-)
@Scrounger sagte in Material Design Widgets: Buttons Widget:
Jetzt musst dich entscheiden, Warn oder Info
Ja, hat @Glasfaser schon herausgefunden gehabt.
° Node.js: 20.17.0 NPM: 10.8.2
° Proxmox, Ubuntu 22.04.3 LTS
° Fixer ---> iob fix -
@Bostil sagte in Test Adapter Material Design Widgets v0.3.x:
@Scrounger Wie du erkennen kannst, hier nicht über eine CSS-Befehlszeile, sondern lediglich über die Widget-Einstellung:
Das müsste eigentlich funktionieren

Schriftart ist installiert?
Geht das bei anderen Widgets?
Welcher Browser?
Was steht in der Console?@Scrounger Lässt sich die Mouseover Farbe bzw Grad der Farbänderung bei den Buttons einstellen oder deaktivieren? Wenn ich zb am iPad den einen Button drücke, bleibt der "nicht vorhandenen" Curser vom iOS auf dem Icon stehen, und das Icon behält so lange die Mouseover Farbe, bis man wo anders hinklickt.
Hoffe man versteht was ich meine. Siehe Button in der Mitte.

Edit: Verschoben, da Frage Widget Einstellung betrifft!
-
@Scrounger Lässt sich die Mouseover Farbe bzw Grad der Farbänderung bei den Buttons einstellen oder deaktivieren? Wenn ich zb am iPad den einen Button drücke, bleibt der "nicht vorhandenen" Curser vom iOS auf dem Icon stehen, und das Icon behält so lange die Mouseover Farbe, bis man wo anders hinklickt.
Hoffe man versteht was ich meine. Siehe Button in der Mitte.

Edit: Verschoben, da Frage Widget Einstellung betrifft!
@Endurance sagte in Material Design Widgets: Buttons Widget:
@Scrounger Lässt sich die Mouseover Farbe bzw Grad der Farbänderung bei den Buttons einstellen oder deaktivieren?
über Farbe gedrückt -> deaktivieren => tranparent verwenden

<a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>
<a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>
-
@Endurance sagte in Material Design Widgets: Buttons Widget:
@Scrounger Lässt sich die Mouseover Farbe bzw Grad der Farbänderung bei den Buttons einstellen oder deaktivieren?
über Farbe gedrückt -> deaktivieren => tranparent verwenden

@Scrounger haba nun die Farbe aus "gedrückt" rausgenommen, wenn ich aber mit der Maus drüber fahre, wird es immer noch transparent. Ich kann natürlich die gleiche Farbe wie bei Hintergrund einfügen, dann hab ich aber auch beim klicken keine Animation mehr.



