Material Design Widgets: Buttons Widget

dos1973

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?

[{"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.

Screenshot (2300).png

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 :

[{"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!

Scrounger

@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

Endurance

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

Community Forum

NEWS

Material Design Widgets: Buttons Widget

Support us

201

32.8k

82.7k

1.3m