Material Design Widgets: Buttons Widget

[Scrounger]

@Bostil

Erstell einen Datenpunkt in den du per Skript den Pfad zum Bild hinterlegst. Beim Button als Image den Datenpunkt als Binding eintragen -> z.B. {meinDP.Bild}

Alternativ könntest du das auch mit IconList Widget realisieren, da kann man per json-string quasi allles dynamisch gestalten.

[Bostil]

@Scrounger sagte in Material Design Widgets: Buttons Widget:

IconList Widget

IconListWidget war definitiv DIE Idee - vielen Dank dir!

[dos1973]

@Scrounger

Gibt es die ggfs. Auch als gekippte Fenster?

[Bostil]

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:

[Scrounger]

@Bostil
Bei Farbe alle drei gleiche eintragen

[Bostil]

Oh man ... also manchmal ...

Vielen Dank (mal wieder) @Scrounger !!!

[Scrounger]

@Bostil
Kein Problem helfe gerne. Und genau dafur hab ich die ganzen Themen erstellt

[Negalein]

@Scrounger

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?

Widgetexport

[{"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"}]

[Bostil]

@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

[sigi234]

@Bostil
@Negalein

Ich habe es kombiniert mit Button und Icon List Widgets.

[Negalein]

@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.

[Scrounger]

@Negalein
Also auf dem Screenshot sieht es doch genau so aus, wie du es beschreibst? Versteh nicht wo der Fehler ist.

[Negalein]

@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 Warn und Error werden grau, wenn sie aktiv sind.
Die anderen bleiben schwarz.

[Glasfaser]

@Negalein

Widget habe ich angepasst :

Spoiler

[{"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"}]

[Negalein]

@Glasfaser sagte in Material Design Widgets: Buttons Widget:

Widget habe ich angepasst :

Danke
1000x hingeschaut, aber CSS Background nie aufgemacht!

[Glasfaser]

@Negalein

ist @Mic auch passiert

[Scrounger]

@Negalein sagte in Material Design Widgets: Buttons Widget:

@Scrounger

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

[Mic]

@Glasfaser
@Negalein sagte in Material Design Widgets: Buttons Widget:

1000x hingeschaut, aber CSS Background nie aufgemacht!

Das wäre auch ein gutes Eier-Versteck gewesen
Danke für den Hinweis, ist nun auch in der VIS-Vorlage des Log Parser Adapters korrigiert.

[Negalein]

@Scrounger sagte in Material Design Widgets: Buttons Widget:

Jetzt musst dich entscheiden, Warn oder Info

Ja, hat @Glasfaser schon herausgefunden gehabt.

[Endurance]

@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!