Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: List Widget

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.4k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.5k

Material Design Widgets: List Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
103 Beiträge 31 Kommentatoren 16.2k Aufrufe 31 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 0 Offline
    0 Offline
    0018
    schrieb am zuletzt editiert von
    #20

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

    Mfg
    0018

    ScroungerS 1 Antwort Letzte Antwort
    0
    • 0 0018

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

      ScroungerS Offline
      ScroungerS Offline
      Scrounger
      Developer
      schrieb am zuletzt editiert von
      #21

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

      <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

      <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

      0 1 Antwort Letzte Antwort
      0
      • ScroungerS Scrounger

        @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 Offline
        0 Offline
        0018
        schrieb am zuletzt editiert von
        #22

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

        Mfg
        0018

        1 Antwort Letzte Antwort
        0
        • ScroungerS Scrounger

          @darkiop sagte in Material Design Widgets: List Widget:

          @Scrounger

          Wenn man im list-widget über das JSON-Objekt einen Schalter / eine Checkbox darstellt, wird der Zustand nur Korrekt im EDIT angezeigt. Beim rendern im Browser wird der Status nicht angezeigt (siehe Timer 1 auf den Screens).

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

          Art der Liste ist korrekt gesetzt?
          2a9cac9d-2d06-48e2-9f19-f4e1b8b45c84-grafik.png

          Mach mal die ganzen Bindings raus und schau ob es dann geht.

          Versuch die Daten mal ohne verwendung des json direkt im widget einzugeben.

          D Offline
          D Offline
          darkiop
          Most Active
          schrieb am zuletzt editiert von darkiop
          #23

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

          Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

          ScroungerS 1 Antwort Letzte Antwort
          1
          • D 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": []
            }
            

            ScroungerS Offline
            ScroungerS Offline
            Scrounger
            Developer
            schrieb am zuletzt editiert von
            #24

            @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 ;-)

            <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

            <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

            D 1 Antwort Letzte Antwort
            1
            • ScroungerS Scrounger

              @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 Offline
              D Offline
              darkiop
              Most Active
              schrieb am zuletzt editiert von
              #25

              @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 ;)

              Proxmox-ioBroker-Redis-HA Doku: https://forum.iobroker.net/topic/47478/dokumentation-einer-proxmox-iobroker-redis-ha-umgebung

              1 Antwort Letzte Antwort
              0
              • S Offline
                S Offline
                Svenson6
                schrieb am zuletzt editiert von
                #26

                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

                ScroungerS 1 Antwort Letzte Antwort
                0
                • S Svenson6

                  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

                  ScroungerS Offline
                  ScroungerS Offline
                  Scrounger
                  Developer
                  schrieb am zuletzt editiert von
                  #27

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

                  <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                  <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                  1 Antwort Letzte Antwort
                  0
                  • S Offline
                    S Offline
                    Svenson6
                    schrieb am zuletzt editiert von
                    #28

                    Alles klar, vielen Dank!

                    1 Antwort Letzte Antwort
                    0
                    • S Offline
                      S Offline
                      schmid_no1
                      schrieb am zuletzt editiert von
                      #29

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

                      ScroungerS 1 Antwort Letzte Antwort
                      0
                      • S schmid_no1

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

                        ScroungerS Offline
                        ScroungerS Offline
                        Scrounger
                        Developer
                        schrieb am zuletzt editiert von
                        #30

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

                        <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                        <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                        S 1 Antwort Letzte Antwort
                        0
                        • ScroungerS Scrounger

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

                          S Offline
                          S Offline
                          schmid_no1
                          schrieb am zuletzt editiert von
                          #31

                          @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 Antwort Letzte Antwort
                          0
                          • S Offline
                            S Offline
                            schmid_no1
                            schrieb am zuletzt editiert von
                            #32

                            @Scrounger
                            Kann man das listen wideget scrollbar machen?

                            ScroungerS 1 Antwort Letzte Antwort
                            0
                            • S schmid_no1

                              @Scrounger
                              Kann man das listen wideget scrollbar machen?

                              ScroungerS Offline
                              ScroungerS Offline
                              Scrounger
                              Developer
                              schrieb am zuletzt editiert von
                              #33

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

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

                              <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                              <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                              S 1 Antwort Letzte Antwort
                              0
                              • ScroungerS Scrounger

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

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

                                S Offline
                                S Offline
                                schmid_no1
                                schrieb am zuletzt editiert von
                                #34

                                @Scrounger Danke

                                1 Antwort Letzte Antwort
                                0
                                • C Offline
                                  C Offline
                                  Conquest
                                  schrieb am zuletzt editiert von
                                  #35

                                  @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

                                  ScroungerS 1 Antwort Letzte Antwort
                                  0
                                  • C Conquest

                                    @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

                                    ScroungerS Offline
                                    ScroungerS Offline
                                    Scrounger
                                    Developer
                                    schrieb am zuletzt editiert von
                                    #36

                                    @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

                                    <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                    <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                    C 1 Antwort Letzte Antwort
                                    1
                                    • ScroungerS Scrounger

                                      @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 Offline
                                      C Offline
                                      Conquest
                                      schrieb am zuletzt editiert von
                                      #37

                                      @Scrounger
                                      Funktioniert danke:+1:

                                      1 Antwort Letzte Antwort
                                      0
                                      • O Online
                                        O Online
                                        Oli
                                        schrieb am zuletzt editiert von
                                        #38

                                        Hallo zusammen,

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

                                        Gruß
                                        Oliver

                                        Uwe ClementU 1 Antwort Letzte Antwort
                                        0
                                        • O Oli

                                          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 ClementU Offline
                                          Uwe ClementU Offline
                                          Uwe Clement
                                          schrieb am zuletzt editiert von
                                          #39

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

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          269

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe