@glasfaser sagte in Binding in Materialdesign-Icon List:
@michihorn
Was hälst du davon
3529d0c4-e5c2-4699-a7c5-05e2ff281e8d-grafik.png
.
aa0327fb-4261-485f-8284-9964403a03ce-grafik.png
Tatsächlich hatte ich mich schon mit der Statusleiste befasst...mmmh.... gefiel mir nicht 100% ig. Trotzdem Danke
Screenshot 2023-10-11 214424.png
{val:system.host.master.cpu; val>=0&&val<85? "#03fc0b": val>=86? "red": "#fc0320"}
Ich habe nun doch die entsprechenden Elemente mit der Statusleite formatiert. Im Spoiler ist das gesamte Widget:
Spoiler
[{"tpl":"tplVis-materialdesign-Icon-List","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","wrapItems":"true","vibrateOnMobilDevices":"50","listLayout":"card","itemLayout":"horizontal","buttonLayout":"square","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","listItemDataMethod":"inputPerEditor","countListItems":"6","listType0":"buttonState","showValueLabel0":false,"listType1":"buttonState","showValueLabel1":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"maxItemsperRow":"2","itemGaps":"2","verticalIconContainerHeight":"30","listType2":"buttonState","showValueLabel2":false,"subLabelFontSize":"14","oid0":"system.host.master.cpu","label0":"Host CPU","listImage0":"/vis.0/main/img/0_userdata.0/cpu.png","valueAppendix0":"","oid1":"system.host.slave.cpu","listImage1":"/vis.0/main/img/0_userdata.0/cpu.png","label1":"Slave CPU","oid2":"system.host.master.mem","label2":"Master verfügbarer RAM","valueAppendix2":"","listType3":"buttonState","showValueLabel3":false,"oid3":"system.host.slave.mem","valueAppendix3":"","label3":"Slave verfügbarer RAM","listImage3":"/vis.0/main/img/0_userdata.0/ram.png","listImage2":"/vis.0/main/img/0_userdata.0/ram.png","listType4":"buttonState","showValueLabel4":false,"listType5":"buttonState","showValueLabel5":false,"listType6":"buttonState","showValueLabel6":false,"listType7":"buttonState","showValueLabel7":false,"oid4":"system.host.master.uptime","label4":"Uptime Master","listImage4":"/vis.0/main/img/0_userdata.0/material/clock.png","listImageActive4":"/vis.0/main/img/0_userdata.0/error-icon-25248.pngata.0/OK.png","listImage5":"/vis.0/main/img/0_userdata.0/material/clock.png","label5":"Uptime Slave","listImage6":"/vis.0/main/img/0_userdata.0/material/temp.png","listImage7":"/vis.0/main/img/0_userdata.0/OK.png","listImageActive5":"/vis.0/main/img/0_userdata.0/error-icon-25248.png","listImageActive6":"/vis.0/main/img/0_userdata.0/error-icon-25248.png","listImageActive7":"/vis.0/main/img/0_userdata.0/error-icon-25248.png","label7":"HM-IP","label6":"Umgebungstemp.","listImageActive0":"/vis.0/main/img/0_userdata.0/error-icon-25248.png","titleLayout":"headline6","containerBackgroundColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.background","itemBackgroundColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.background_items","buttonColorPress":"","labelFontSize":"-4","labelFontFamily":"Verdana, Geneva, sans-serif","labelFontColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.text","subLabelFontFamily":"Verdana, Geneva, sans-serif","subLabelFontColor":"#0f0000","valueFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.icon_list.value","valueFontFamily":"Verdana, Geneva, sans-serif","valueFontColor":"#000000","showScrollbar":"true","titleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.card.title","colorBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background","colorTitleSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_title","colorTextSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_body","colorTitle":"#mdwTheme:vis-materialdesign.0.colors.card.title","lockIconColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.lock_icon","buttonBgColor0":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor0":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition0":"==","buttonBgColor1":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor1":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition1":"==","buttonBgColor2":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor2":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition2":"==","buttonBgColor3":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor3":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition3":"==","buttonBgColor4":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor4":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition4":"==","buttonBgColor5":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor5":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition5":"==","buttonBgColor6":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor6":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition6":"==","buttonBgColor7":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor7":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","visibilityCondition7":"==","oid5":"system.host.master.uptime","oid6":"zigbee.0.00158d0001e09bc7.temperature","oid7":"system.adapter.hm-rpc.2.connected","iconHeight":"30","usePercentOfRow1":"0","subLabel0":"{system.host.master.cpu} %","clickSoundVolume":"0.5","labelFontColorSelected":"#mdwTheme:vis-materialdesign.0.colors.icon_list.text_selected","subLabelFontColorSelected":"#mdwTheme:vis-materialdesign.0.colors.icon_list.subText_selected","alignment":"flex-start","header_height":"60","header_padding_left":"16","header_padding_right":"16","header_padding_top":"6","header_padding_bottom":"20","headerTextColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.header","headerTextSize":"#mdwTheme:vis-materialdesign.0.fontSizes.icon_list.header","headerFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.icon_list.header","headerImage":"head","headerImageColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.header_icon","usePercentOfRow0":"0","subLabel1":"{system.host.slave.cpu} %","subLabel2":"{system.host.master.mem} %","subLabel3":"{system.host.slave.mem} %","subLabel4":"{0_userdata.0.System.Uptime_Master}","subLabel5":"{0_userdata.0.System.Uptime_Slave}","visibilityConditionValue0":"","usePercentOfRow4":"0","subLabel6":"{zigbee.0.00158d0001e09bc7.temperature} %","horizontalIconContainerWidth":"-30","iconItemMinHeight":"30","readOnly0":true,"statusBarColor0":"{val:system.host.master.cpu; val>=0&&val<85? "#03fc0b": val>=86? "red": "#fc0320"}","statusBarColorActive0":"","visibilityOid0":"","lockEnabled0":false,"readOnly1":true,"readOnly2":true,"readOnly3":true,"readOnly4":true,"readOnly5":true,"statusBarColor1":"{val:system.host.slave.cpu; val>=0&&val<85? "#03fc0b": val>=86? "red": "#fc0320"}","statusBarColor2":"{val:system.host.master.mem; val>=21? "#03fc0b": val<=20? "red": "#fc0320"}","statusBarColor3":"{val:system.host.slave.mem; val>=21? "#03fc0b": val<=20? "red": "#fc0320"}","statusBarColor6":"{val:zigbee.0.00158d0001e09bc7.temperature; val<=38? "#03fc0b": val<=39? "red": "#fc0320"}"},"style":{"left":"5px","top":"571px","z-index":"5","width":"264px","height":"355px"},"widgetSet":"materialdesign"}]
