Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: List Widget

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Widgets: List Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • 0
      0018 last edited by

      @Scrounger Gibt es eine Möglichkeit die Rahmenfarbe der Checkboxen anzupassen? Schwarz geht leider aufgrund meines Hintergrundes unter und man erkennt die checkbox nicht.

      Scrounger 1 Reply Last reply Reply Quote 0
      • Scrounger
        Scrounger Developer @0018 last edited by

        @0018 sagte in Material Design Widgets: List Widget:

        @Scrounger Gibt es eine Möglichkeit die Rahmenfarbe der Checkboxen anzupassen? Schwarz geht leider aufgrund meines Hintergrundes unter und man erkennt die checkbox nicht.

        Geht nur per css klasse überschreiben.

        0 1 Reply Last reply Reply Quote 0
        • 0
          0018 @Scrounger last edited by

          @Scrounger sagte in Material Design Widgets: List Widget:

          Geht nur per css klasse überschreiben.

          Wie muss der Code aussehen? Habe leider keine Ahnung wie das mir dem css funktioniert, sorry.
          Kann man die Rahmenfarbe mit in das nächste Release aufnehmen?

          1 Reply Last reply Reply Quote 0
          • D
            darkiop Most Active @Scrounger last edited by darkiop

            @Scrounger sagte in Material Design Widgets: List Widget:

            Ich kann das nicht reproduzieren.
            Was steht im log der console?

            Sorry hat leider etwas gedauert. Im Log steht leider nichts relevantes.

            Art der Liste ist korrekt gesetzt?

            checkbox_readonly und checkbox

            Mach mal die ganzen Bindings raus und schau ob es dann geht.
            Versuch die Daten mal ohne verwendung des json direkt im widget einzugeben.

            Bindins entfernt, keine Besserung. Aber ... das ganz wird jetzt etwas seltsam ... sobald ich ein weiteres Widget einfüge und die DPs in diesem direkt eingebe, funktioniert es bei diesem Widget und bei dem mit JSON-Input ...

            material.gif

            {
              "settings": {
                "style": {
                  "background_class": "",
                  "background-repeat": ""
                },
                "theme": "redmond",
                "sizex": "",
                "sizey": "",
                "gridSize": "10",
                "snapType": 2,
                "useBackground": false
              },
              "widgets": {
                "e00001": {
                  "tpl": "tplJquiRadioList",
                  "data": {
                    "oid": "robonect.0.status.mode",
                    "g_fixed": true,
                    "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",
                    "values": "0;98;2;1;99",
                    "texts": "Auto;Feierabend;Home;Manuell;Job",
                    "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,
                    "class": "mdui-radio"
                  },
                  "style": {
                    "left": "10px",
                    "top": "60px",
                    "font-family": "Jura-Light",
                    "width": "400px"
                  },
                  "widgetSet": "jqui"
                },
                "e00002": {
                  "tpl": "tplHtml",
                  "data": {
                    "g_fixed": true,
                    "g_visibility": false,
                    "g_css_font_text": true,
                    "g_css_background": false,
                    "g_css_shadow_padding": false,
                    "g_css_border": false,
                    "g_gestures": false,
                    "g_signals": false,
                    "visibility-cond": "==",
                    "visibility-val": 1,
                    "visibility-groups-action": "hide",
                    "refreshInterval": "0",
                    "signals-cond-0": "==",
                    "signals-val-0": true,
                    "signals-icon-0": "/vis.0/main-2020/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/main-2020/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/main-2020/lowbattery.png",
                    "signals-icon-size-2": 0,
                    "signals-blink-2": false,
                    "signals-horz-2": 0,
                    "signals-vert-2": 0,
                    "signals-hide-edit-2": false,
                    "html": "",
                    "class": "mdui-abar mdui-bluegrey-bg",
                    "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,
                    "comment": "",
                    "name": "app-bar"
                  },
                  "style": {
                    "left": "0px",
                    "top": "0px",
                    "width": "100%",
                    "height": "50px",
                    "z-index": "0",
                    "color": "#ffffff",
                    "text-align": "center",
                    "font-family": "Jura-Light"
                  },
                  "widgetSet": "basic"
                },
                "e00003": {
                  "tpl": "tplHtml",
                  "data": {
                    "g_fixed": true,
                    "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,
                    "visibility-cond": "==",
                    "visibility-val": 1,
                    "visibility-groups-action": "hide",
                    "refreshInterval": "0",
                    "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,
                    "html": "Robonect",
                    "class": "mdui-title",
                    "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
                  },
                  "style": {
                    "left": "calc(0% + 50px)",
                    "top": "15px",
                    "width": "195px",
                    "height": "23px",
                    "z-index": 1,
                    "font-family": "Jura-Light"
                  },
                  "widgetSet": "basic"
                },
                "e00004": {
                  "tpl": "tplImage",
                  "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",
                    "refreshInterval": "0",
                    "signals-cond-0": "==",
                    "signals-val-0": true,
                    "signals-icon-0": "/vis/signals/lowbattery.png",
                    "signals-icon-size-0": 0,
                    "signals-blink-0": false,
                    "signals-horz-0": 0,
                    "signals-vert-0": 0,
                    "signals-hide-edit-0": false,
                    "signals-cond-1": "==",
                    "signals-val-1": true,
                    "signals-icon-1": "/vis/signals/lowbattery.png",
                    "signals-icon-size-1": 0,
                    "signals-blink-1": false,
                    "signals-horz-1": 0,
                    "signals-vert-1": 0,
                    "signals-hide-edit-1": false,
                    "signals-cond-2": "==",
                    "signals-val-2": true,
                    "signals-icon-2": "/vis/signals/lowbattery.png",
                    "signals-icon-size-2": 0,
                    "signals-blink-2": false,
                    "signals-horz-2": 0,
                    "signals-vert-2": 0,
                    "signals-hide-edit-2": false,
                    "lc-type": "last-change",
                    "lc-is-interval": true,
                    "lc-is-moment": false,
                    "lc-format": "",
                    "lc-position-vert": "top",
                    "lc-position-horz": "right",
                    "lc-offset-vert": 0,
                    "lc-offset-horz": 0,
                    "lc-font-size": "12px",
                    "lc-font-family": "",
                    "lc-font-style": "",
                    "lc-bkg-color": "",
                    "lc-color": "",
                    "lc-border-width": "0",
                    "lc-border-style": "",
                    "lc-border-color": "",
                    "lc-border-radius": 10,
                    "lc-zindex": 0,
                    "src": "/icons-mfd-png/scene_robo_lawnmower.png"
                  },
                  "style": {
                    "left": "0",
                    "top": "0px",
                    "width": "50px",
                    "height": "50px",
                    "font-family": "Jura-Light"
                  },
                  "widgetSet": "basic"
                },
                "e00005": {
                  "tpl": "tplValueLastchange",
                  "data": {
                    "oid": "robonect.0.last_sync",
                    "g_fixed": true,
                    "g_visibility": true,
                    "g_css_font_text": true,
                    "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": "true",
                    "visibility-groups-action": "hide",
                    "signals-cond-0": "==",
                    "signals-val-0": true,
                    "signals-icon-0": "/vis/signals/lowbattery.png",
                    "signals-icon-size-0": 0,
                    "signals-blink-0": false,
                    "signals-horz-0": 0,
                    "signals-vert-0": 0,
                    "signals-hide-edit-0": false,
                    "signals-cond-1": "==",
                    "signals-val-1": true,
                    "signals-icon-1": "/vis/signals/lowbattery.png",
                    "signals-icon-size-1": 0,
                    "signals-blink-1": false,
                    "signals-horz-1": 0,
                    "signals-vert-1": 0,
                    "signals-hide-edit-1": false,
                    "signals-cond-2": "==",
                    "signals-val-2": true,
                    "signals-icon-2": "/vis/signals/lowbattery.png",
                    "signals-icon-size-2": 0,
                    "signals-blink-2": false,
                    "signals-horz-2": 0,
                    "signals-vert-2": 0,
                    "signals-hide-edit-2": false,
                    "lc-type": "last-change",
                    "lc-is-interval": true,
                    "lc-is-moment": false,
                    "lc-format": "",
                    "lc-position-vert": "top",
                    "lc-position-horz": "right",
                    "lc-offset-vert": 0,
                    "lc-offset-horz": 0,
                    "lc-font-size": "12px",
                    "lc-font-family": "",
                    "lc-font-style": "",
                    "lc-bkg-color": "",
                    "lc-color": "",
                    "lc-border-width": "0",
                    "lc-border-style": "",
                    "lc-border-color": "",
                    "lc-border-radius": 10,
                    "lc-zindex": 0,
                    "format_date": "DD.MM.YYYY hh:mm:ss",
                    "html_append": " Uhr",
                    "class": "mdui-blue",
                    "html_prepend": "Letzer Sync: ",
                    "visibility-oid": "javascript.0.VIS.show_last_change"
                  },
                  "style": {
                    "left": "20px",
                    "top": "105px",
                    "font-family": "Jura-Light",
                    "width": "220px",
                    "font-size": "small",
                    "color": "",
                    "height": "auto"
                  },
                  "widgetSet": "basic"
                },
                "e00006": {
                  "tpl": "tplJquiButtonLinkBlank",
                  "data": {
                    "g_fixed": true,
                    "g_visibility": true,
                    "g_css_font_text": false,
                    "g_css_background": false,
                    "g_css_shadow_padding": false,
                    "g_css_border": false,
                    "g_gestures": false,
                    "g_signals": false,
                    "g_last_change": false,
                    "visibility-cond": "==",
                    "visibility-val": "true",
                    "visibility-groups-action": "hide",
                    "buttontext": "EDIT",
                    "padding": "0",
                    "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,
                    "href": "http://iobroker-master.birkenweg.walk-steinweiler.de:8082/vis/edit.html?main-2020#{view}",
                    "no_style": false,
                    "class": "mdui-flatbutton",
                    "visibility-oid": "javascript.0.VIS.Edit_Mode"
                  },
                  "style": {
                    "left": "calc(100% - 140px)",
                    "top": "10px",
                    "width": "auto",
                    "height": "30px"
                  },
                  "widgetSet": "jqui"
                },
                "e00007": {
                  "tpl": "tplValueListHtml8",
                  "data": {
                    "oid": "system.adapter.robonect.0.alive",
                    "visibility-cond": "==",
                    "visibility-val": 1,
                    "count": "1",
                    "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,
                    "value0": "Offline",
                    "value1": "Online",
                    "style0": "background-color: {javascript.0.VIS.Farben.Rot}; padding-top:2px;",
                    "style1": "background-color: {javascript.0.VIS.Farben.Gruen}; padding-top:2px;",
                    "test_list": "1",
                    "visibility-groups-action": "hide",
                    "style2": "",
                    "value2": "",
                    "value3": "Boost",
                    "style3": "background-color: blue; padding-top:3px;",
                    "name": "Robby",
                    "lc-type": "last-change",
                    "lc-is-interval": true,
                    "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-is-moment": false,
                    "lc-zindex": 0
                  },
                  "style": {
                    "left": "calc(100% - 70px)",
                    "top": "10px",
                    "z-index": "3",
                    "color": "#000",
                    "text-align": "center",
                    "width": "60px",
                    "height": "15px",
                    "border-radius": "4px",
                    "padding-top": "",
                    "line-height": "",
                    "font-size": "x-small",
                    "background-color": "#FFFFFF",
                    "opacity": "0.5",
                    "font-family": "Jura-Light"
                  },
                  "widgetSet": "basic"
                },
                "e00008": {
                  "tpl": "tplVis-materialdesign-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",
                    "listType": "checkbox",
                    "listItemDividerStyle": "standard",
                    "listLayout": "standard",
                    "vibrateOnMobilDevices": "50",
                    "listItemDataMethod": "jsonStringObject",
                    "countListItems": "1",
                    "listItemAlignment": "left",
                    "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,
                    "jsonStringObject": "[\n  {\n    \"text\": \"Timer 1\",\n    \"subText\": \"\",\n    \"rightText\": \"\",\n    \"rightSubText\": \"\",\n    \"image\": \"timer\",\n    \"imageColor\": \"#fff\",\n    \"imageActive\": \"\",\n    \"imageActiveColor\": \"#fff\",\n    \"header\": \"\",\n    \"showDivider\": \"\",\n    \"objectId\": \"robonect.0.timer.0.enabled\",\n    \"buttonStateValue\": \"\",\n    \"buttonNavView\": \"\",\n    \"buttonLink\": \"\"\n  },\n  {\n    \"text\": \"Timer 2\",\n    \"subText\": \"\",\n    \"rightText\": \"\",\n    \"rightSubText\": \"\",\n    \"image\": \"timer\",\n    \"imageColor\": \"#fff\",\n    \"imageActive\": \"\",\n    \"imageActiveColor\": \"#fff\",\n    \"header\": \"\",\n    \"showDivider\": \"\",\n    \"objectId\": \"robonect.0.timer.1.enabled\",\n    \"buttonStateValue\": \"\",\n    \"buttonNavView\": \"\",\n    \"buttonLink\": \"\"\n  }\n]",
                    "oid0": "",
                    "listItemBackground": "transparent",
                    "colorListItemText": "#fff",
                    "colorListItemTextRight": "#fff",
                    "rightTextWidth": "220",
                    "colorListItemTextSecondary": "#1e88e5",
                    "colorSwitchTrue": "{javascript.0.VIS.Farben.Bedienelemente}",
                    "colorSwitchTrack": "",
                    "colorSwitchThumb": "",
                    "colorCheckBox": "{javascript.0.VIS.Farben.Bedienelemente}",
                    "listItemTextRightSize": "16px",
                    "colorListItemTextSecondaryRight": "#fff"
                  },
                  "style": {
                    "left": "50%",
                    "top": "140px",
                    "width": "calc(50% - 20px)",
                    "height": "auto"
                  },
                  "widgetSet": "materialdesign"
                },
                "e00009": {
                  "tpl": "tplVis-materialdesign-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",
                    "listType": "checkbox",
                    "listItemDividerStyle": "standard",
                    "listLayout": "standard",
                    "vibrateOnMobilDevices": "50",
                    "listItemDataMethod": "jsonStringObject",
                    "countListItems": "1",
                    "listItemAlignment": "left",
                    "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,
                    "jsonStringObject": "[\n  {\n    \"text\": \"Telegram Status\",\n    \"subText\": \"\",\n    \"rightText\": \"\",\n    \"rightSubText\": \"\",\n    \"image\": \"message\",\n    \"imageColor\": \"#fff\",\n    \"imageActive\": \"\",\n    \"imageActiveColor\": \"#fff\",\n    \"header\": \"\",\n    \"showDivider\": \"\",\n    \"objectId\": \"javascript.0.scriptEnabled.PRODUKTIV.Telegram.Telegram_wenn_Rasenmaehroboter\",\n    \"buttonStateValue\": \"\",\n    \"buttonNavView\": \"\",\n    \"buttonLink\": \"\"\n  },\n  {\n    \"text\": \"Telegram Error\",\n    \"subText\": \"\",\n    \"rightText\": \"\",\n    \"rightSubText\": \"\",\n    \"image\": \"message\",\n    \"imageColor\": \"#fff\",\n    \"imageActive\": \"\",\n    \"imageActiveColor\": \"#fff\",\n    \"header\": \"\",\n    \"showDivider\": \"\",\n    \"objectId\": \"javascript.0.scriptEnabled.PRODUKTIV.Telegram.Telegram_wenn_Rasenmaehroboter_Fehler\",\n    \"buttonStateValue\": \"\",\n    \"buttonNavView\": \"\",\n    \"buttonLink\": \"\"\n  }\n]",
                    "oid0": "",
                    "listItemBackground": "transparent",
                    "colorListItemText": "#fff",
                    "colorListItemTextRight": "#fff",
                    "rightTextWidth": "220",
                    "colorListItemTextSecondary": "#1e88e5",
                    "colorSwitchTrue": "{javascript.0.VIS.Farben.Bedienelemente}",
                    "colorSwitchTrack": "",
                    "colorSwitchThumb": "",
                    "colorCheckBox": "{javascript.0.VIS.Farben.Bedienelemente}",
                    "listItemTextRightSize": "16px",
                    "colorListItemTextSecondaryRight": "#fff"
                  },
                  "style": {
                    "left": "50%",
                    "top": "240px",
                    "width": "calc(50% - 20px)",
                    "height": "auto"
                  },
                  "widgetSet": "materialdesign"
                },
                "e00010": {
                  "tpl": "tplVis-materialdesign-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",
                    "listType": "text",
                    "listItemDividerStyle": "standard",
                    "listLayout": "standard",
                    "vibrateOnMobilDevices": "50",
                    "listItemDataMethod": "jsonStringObject",
                    "countListItems": "1",
                    "listItemAlignment": "left",
                    "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,
                    "jsonStringObject": "[\n  {\n    \"text\": \"Ladezustand\",\n    \"subText\": \"{robonect.0.batteries.0.charge.lc;date(DD.MM.YYYY hh:mm:ss)} Uhr\",\n    \"rightText\": \"{robonect.0.batteries.0.charge} %\",\n    \"rightSubText\": \"{robonect.0.batteries.0.capacity.remaining} / {robonect.0.batteries.0.capacity.full} mAh\",\n    \"image\": \"battery-charging\",\n    \"imageColor\": \"#fff\",\n    \"imageActive\": \"\",\n    \"imageActiveColor\": \"#fff\",\n    \"header\": \"\",\n    \"showDivider\": \"\",\n    \"objectId\": \"\",\n    \"buttonStateValue\": \"\",\n    \"buttonNavView\": \"\",\n    \"buttonLink\": \"\"\n  },\n  {\n    \"text\": \"Klingen-Qualität\",\n    \"subText\": \"{robonect.0.blades.quality.lc;date(DD.MM.YYYY hh:mm:ss)} Uhr\",\n    \"rightText\": \"{robonect.0.blades.quality} %\",\n    \"rightSubText\": \"\",\n    \"image\": \"saw-blade\",\n    \"imageColor\": \"#fff\",\n    \"imageActive\": \"\",\n    \"imageActiveColor\": \"#fff\",\n    \"header\": \"\",\n    \"showDivider\": \"\",\n    \"objectId\": \"\",\n    \"buttonStateValue\": \"\",\n    \"buttonNavView\": \"\",\n    \"buttonLink\": \"\"\n  },\n  {\n    \"text\": \"Status\",\n    \"subText\": \"{javascript.0.Garten.Rasenmaehroboter.Status.lc;date(DD.MM.YYYY hh:mm:ss)} Uhr\",\n    \"rightText\": \"{javascript.0.Garten.Rasenmaehroboter.Status}\",\n    \"rightSubText\": \"\",\n    \"image\": \"robot-mower\",\n    \"imageColor\": \"#fff\",\n    \"imageActive\": \"\",\n    \"imageActiveColor\": \"#fff\",\n    \"header\": \"\",\n    \"showDivider\": \"\",\n    \"objectId\": \"\",\n    \"buttonStateValue\": \"\",\n    \"buttonNavView\": \"\",\n    \"buttonLink\": \"\"\n  },\n  {\n    \"text\": \"Feuchtigkeit im Mäher\",\n    \"subText\": \"{robonect.0.health.humidity.lc;date(DD.MM.YYYY hh:mm:ss)} Uhr\",\n    \"rightText\": \"{robonect.0.health.humidity} %\",\n    \"rightSubText\": \"\",\n    \"image\": \"water\",\n    \"imageColor\": \"#fff\",\n    \"imageActive\": \"\",\n    \"imageActiveColor\": \"#fff\",\n    \"header\": \"\",\n    \"showDivider\": \"\",\n    \"objectId\": \"\",\n    \"buttonStateValue\": \"\",\n    \"buttonNavView\": \"\",\n    \"buttonLink\": \"\"\n  }\n]",
                    "oid0": "",
                    "listItemBackground": "transparent",
                    "colorListItemText": "#fff",
                    "colorListItemTextRight": "#fff",
                    "rightTextWidth": "220",
                    "colorListItemTextSecondary": "#1e88e5",
                    "colorSwitchThumb": "",
                    "colorSwitchTrack": "",
                    "colorSwitchTrue": "{javascript.0.VIS.Farben.Bedienelemente}",
                    "colorCheckBox": "{javascript.0.VIS.Farben.Bedienelemente}",
                    "listItemTextRightSize": "16px",
                    "colorListItemTextSecondaryRight": "#fff"
                  },
                  "style": {
                    "left": "10px",
                    "top": "140px",
                    "width": "calc(50% - 20px)",
                    "height": "auto"
                  },
                  "widgetSet": "materialdesign"
                },
                "e00011": {
                  "tpl": "tplVis-materialdesign-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",
                    "listType": "checkbox",
                    "listItemDividerStyle": "standard",
                    "listLayout": "standard",
                    "vibrateOnMobilDevices": "50",
                    "listItemDataMethod": "inputPerEditor",
                    "countListItems": "1",
                    "listItemAlignment": "left",
                    "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,
                    "jsonStringObject": "",
                    "oid0": "robonect.0.timer.0.enabled",
                    "listItemBackground": "transparent",
                    "colorListItemText": "#fff",
                    "colorListItemTextRight": "#fff",
                    "rightTextWidth": "220",
                    "colorListItemTextSecondary": "#1e88e5",
                    "colorSwitchTrue": "",
                    "colorSwitchTrack": "",
                    "colorSwitchThumb": "",
                    "colorCheckBox": "",
                    "listItemTextRightSize": "16px",
                    "colorListItemTextSecondaryRight": "#fff",
                    "oid1": "robonect.0.timer.1.enabled"
                  },
                  "style": {
                    "left": "40px",
                    "top": "370px",
                    "width": "calc(50% - 20px)",
                    "height": "auto"
                  },
                  "widgetSet": "materialdesign"
                }
              },
              "name": "3_card_Geraete_und_Medien_Haus_und_Garten_Robonect",
              "filterList": []
            }
            

            Scrounger 1 Reply Last reply Reply Quote 1
            • Scrounger
              Scrounger Developer @darkiop last edited by

              @darkiop
              Perfekt, danke.
              Dann weiß ich jetzt woran es liegt. Problem ist, das wenn DPs nur per json übergeben werden, dann werden diese nicht automatisch regstriert, d.h. runtime weiß nicht das er auf diese hören soll. Gleiches Problem hatte ich bereits beim IconList Widget und dort gelöst.

              Da ich die ganzen Funktionen vom IconList Widget eh auf das List Widget übertragen werden, werd ich das in diesem Zuge fixen. Dauert aber sicher nen bissle, weil das nicht ganz so trivial ist 😉

              D 1 Reply Last reply Reply Quote 1
              • D
                darkiop Most Active @Scrounger last edited by

                @Scrounger Perfekt 🙂 Bei der JSON Option wäre es noch klasse wenn man grundsätzlich die Wahl hätte zwischen DP oder Textfeld im EDIT, denn nicht alle JSON werden generiert - aber ein JSON ist schneller angepasst/erstellt als die Optionen im EDIT durchzuklicken 😉

                1 Reply Last reply Reply Quote 0
                • S
                  Svenson6 last edited by

                  Moin zusammen!

                  Vielleicht eine Anfängerfrage, und vielleicht schon 26 mal beantwortet - sagt, wenn ich nerve. Trotzdem:

                  Ich habe ein Material-Design-List-Widget in VIS eingefügt. Das soll testweise mal drei Bool-Werte anzeigen. Folgendes JSON habe ich eingebaut:

                  [
                  	{
                  		"background": "red",
                  		"text": "Feiertag",
                  		"subText": "",
                  		"image": "",
                  		"imageColor": "#ec0909",
                  		"imageActive": "",
                  		"imageActiveColor": "#5ad902",
                  		"buttonBackgroundColor": "",
                  		"buttonBackgroundActiveColor": "",
                  		"listType": "",
                  		"objectId": "feiertage.0.today.boolean",
                  		"buttonStateValue": "",
                  		"buttonNavView": "",
                  		"buttonLink": "",
                  		"buttonToggleValueTrue": "",
                  		"buttonToggleValueFalse": "",
                  		"valueAppendix": "",
                  		"showValueLabel": "true",
                  		"statusBarColor": "green",
                  		"lockEnabled": "false"        
                  	},
                  	{
                  		"background": "red",
                  		"text": "Ferien",
                  		"subText": "",
                  		"image": "",
                  		"imageColor": "#ec0909",
                  		"imageActive": "",
                  		"imageActiveColor": "#5ad902",
                  		"buttonBackgroundColor": "",
                  		"buttonBackgroundActiveColor": "",
                  		"listType": "",
                  		"objectId": "schoolfree.0.info.today",
                  		"buttonStateValue": "",
                  		"buttonNavView": "",
                  		"buttonLink": "",
                  		"buttonToggleValueTrue": "",
                  		"buttonToggleValueFalse": "",
                  		"valueAppendix": "",
                  		"showValueLabel": "true",
                  		"statusBarColor": "green",
                  		"lockEnabled": "false"        
                  	},
                  	{
                  		"background": "green",
                  		"text": "Freier Tag",
                  		"subText": "",
                  		"image": "",
                  		"imageColor": "#44739e",
                  		"imageActive": "",
                  		"imageActiveColor": "#44739e",
                  		"buttonBackgroundColor": "",
                  		"buttonBackgroundActiveColor": "#a0f628",
                  		"listType": "",
                  		"objectId": "0_userdata.0.freier_Tag",
                  		"buttonStateValue": "",
                  		"buttonNavView": "",
                  		"buttonLink": "",
                  		"buttonToggleValueTrue": "",
                  		"buttonToggleValueFalse": "",
                  		"valueAppendix": "",
                  		"showValueLabel": "false",
                  		"statusBarColor": "",
                  		"lockEnabled": "false"
                  	}
                  ]
                  

                  "Art der Liste" steht auf Checkbox.

                  Im Prinzip funktioniert das auch, es zeigt korrekte Häkchen an, und die Werte lassen sich ggf. auch ändern. Das funktioniert aber nur, wenn ich auf der selben View drei Felder vom Typ String einfüge, die den jeweilgen Wert anzeigen. Lösche ich diese String-Felder, funktioniert das List-Widget nicht mehr.

                  Soll das so, muss das so? Oder mache ich was falsch?

                  Viele Grüße von
                  Sven

                  Scrounger 1 Reply Last reply Reply Quote 0
                  • Scrounger
                    Scrounger Developer @Svenson6 last edited by

                    @Svenson6

                    Das ist ein bug, ist genau dieser fehler:

                    @Scrounger sagte in Material Design Widgets: List Widget:

                    Dann weiß ich jetzt woran es liegt. Problem ist, das wenn DPs nur per json übergeben werden, dann werden diese nicht automatisch regstriert, d.h. runtime weiß nicht das er auf diese hören soll. Gleiches Problem hatte ich bereits beim IconList Widget und dort gelöst.

                    Da ich die ganzen Funktionen vom IconList Widget eh auf das List Widget übertragen werden, werd ich das in diesem Zuge fixen. Dauert aber sicher nen bissle, weil das nicht ganz so trivial ist 😉

                    Übergangsweise kannst lösen genauso wie du es machst z.B. String Widget mit den ObjektIds verwenden und diese halt einfach verstecken.

                    1 Reply Last reply Reply Quote 0
                    • S
                      Svenson6 last edited by

                      Alles klar, vielen Dank!

                      1 Reply Last reply Reply Quote 0
                      • S
                        schmid_no1 last edited by

                        @Scrounger guten morgen und frohe Ostern

                        Ich habe eine kurze Frage bezüglich der Einstellmöglichkeiten beim list widget.

                        Wenn ich in meiner Liste die checkbox oder den Schalter verwende plus ein icon habe ich folgendes Phänomen. Ich schalten an der checkbox... mein icon switch. Ich schalte am knx meine checkbox schaltet, mein icon nicht.

                        Die checkbox oder der Schalter geben true/false aus und erkennen das auch mein knx gibt 1/0 aus.

                        Gibt es die Möglichkeit die Ausgabe und das erkennen der checkbox und des Schalters auf 1/0 umzustellen?

                        Scrounger 1 Reply Last reply Reply Quote 0
                        • Scrounger
                          Scrounger Developer @schmid_no1 last edited by

                          @schmid_no1 sagte in Material Design Widgets: List Widget:

                          Gibt es die Möglichkeit die Ausgabe und das erkennen der checkbox und des Schalters auf 1/0 umzustellen?

                          schau mal hier, war das gleiche Thema:
                          https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/63

                          6531782f-e49b-427b-8c10-8129bb2346a9-grafik.png

                          Und dann entsprechend 1 / 0 eintragen.

                          Gompman created this issue in Scrounger/ioBroker.vis-materialdesign

                          closed Icon List / List Symbol und Zustand aktualisiert nicht nach Datenpunktänderung Button Toggle #63

                          S 1 Reply Last reply Reply Quote 0
                          • S
                            schmid_no1 @Scrounger last edited by

                            @Scrounger danke für deine schnelle Antwort

                            Habe den knx Adapter auf die neueste Version geupdatet und die Gas mit true und false verwenden eingelesen und es funktioniert😁

                            Danke nochmal für deine Denkanstöße

                            1 Reply Last reply Reply Quote 0
                            • S
                              schmid_no1 last edited by

                              @Scrounger
                              Kann man das listen wideget scrollbar machen?

                              Scrounger 1 Reply Last reply Reply Quote 0
                              • Scrounger
                                Scrounger Developer @schmid_no1 last edited by

                                @schmid_no1
                                Du kannst jedes Widget scrollbar machen über overflow einstellungen:

                                3113eee6-035a-4ca8-b1e8-17c79abc3b9a-grafik.png

                                S 1 Reply Last reply Reply Quote 0
                                • S
                                  schmid_no1 @Scrounger last edited by

                                  @Scrounger Danke

                                  1 Reply Last reply Reply Quote 0
                                  • C
                                    Conquest last edited by

                                    @Scrounger

                                    Hallo gibt es eine Möglichkeit die Farbe der Checkbox im List-Widget zu ändern? Und wo kann ich eine andere Schriftart auswählen?

                                    Vielen Dank schon mal für deine Hilfe und dem tollen Adapter.
                                    screenshot-192.168.178.46_8082-2020.04.22-20_31_01.png

                                    Scrounger 1 Reply Last reply Reply Quote 0
                                    • Scrounger
                                      Scrounger Developer @Conquest last edited by

                                      @Conquest

                                      rahmenfarbe:
                                      .mdc-checkbox__background {
                                      border-color: red !important;
                                      }

                                      select farbe:
                                      f884451c-e2c9-4b37-b38c-0b0eaaef45fe-grafik.png

                                      Schriftart:
                                      font tag verwenden:
                                      https://www.w3schools.com/css/css_font.asp

                                      C 1 Reply Last reply Reply Quote 1
                                      • C
                                        Conquest @Scrounger last edited by

                                        @Scrounger
                                        Funktioniert danke👍

                                        1 Reply Last reply Reply Quote 0
                                        • O
                                          Oli last edited by

                                          Hallo zusammen,

                                          könnte mir vielleicht jemand ein Beispiel Script einstellen, wie ich es schaffe mir zB alle Lichter im Haus anzeigen zu lassen?

                                          Uwe Clement 1 Reply Last reply Reply Quote 0
                                          • Uwe Clement
                                            Uwe Clement @Oli last edited by

                                            @Oli
                                            https://forum.iobroker.net/topic/32034/vis-materialdesign-iconlist-generische-steuerung-shellys/2

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            31
                                            103
                                            12173
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo