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.3k

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

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

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.
  • 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
                                  • F Offline
                                    F Offline
                                    fuerst2626
                                    schrieb am zuletzt editiert von Scrounger
                                    #40

                                    Hallo zusammen,
                                    ich setze iobroker gerade Mal ein paar Wochen ein und bin noch im Aufbau meiner Visualisierung.
                                    Die Ergebnisse können sich schon jetzt sehen lassen und ich bin schwer begeistert von der Arbeit einzelner hier! Es kommen natürlich auch die ersten offenen Fragen auf, wie z.B:

                                    Kann ich irgendwie die eigentliche Größe der "Schalter Grafik" anpassen?
                                    Ein anpassen der Spaltenhöhe, sowie Text und Symbolgröße bekomme ich hin.
                                    Bzgl. der "Schalter Grafik" finde ich jedoch keine Möglichkeit im Editor.
                                    Mein Ziel ist es die VIS ähnlich einem iOS Design zu kreieren. Dort sind die Schalter eher plump.

                                    Kann mir jemand einen Weg aufzeigen!?

                                    ScroungerS 1 Antwort Letzte Antwort
                                    0
                                    • F fuerst2626

                                      Hallo zusammen,
                                      ich setze iobroker gerade Mal ein paar Wochen ein und bin noch im Aufbau meiner Visualisierung.
                                      Die Ergebnisse können sich schon jetzt sehen lassen und ich bin schwer begeistert von der Arbeit einzelner hier! Es kommen natürlich auch die ersten offenen Fragen auf, wie z.B:

                                      Kann ich irgendwie die eigentliche Größe der "Schalter Grafik" anpassen?
                                      Ein anpassen der Spaltenhöhe, sowie Text und Symbolgröße bekomme ich hin.
                                      Bzgl. der "Schalter Grafik" finde ich jedoch keine Möglichkeit im Editor.
                                      Mein Ziel ist es die VIS ähnlich einem iOS Design zu kreieren. Dort sind die Schalter eher plump.

                                      Kann mir jemand einen Weg aufzeigen!?

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

                                      @fuerst2626 sagte in Material Design Widgets: List Widget:

                                      Kann ich irgendwie die eigentliche Größe der "Schalter Grafik" anpassen?

                                      Weiß zwar nicht genau was du mit Schlater Grafik meinst, aber beim List Widget kannst du die Größe des Images so einstellen:
                                      5d42f292-b86f-41c8-bd58-126063cb59ef-grafik.png

                                      Poste am besten Zukünftig immer einen screenshot mit, wo markiert ist was du ändern willst, dann können wir das besser verstehen.

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

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

                                      F 1 Antwort Letzte Antwort
                                      0
                                      • ScroungerS Scrounger

                                        @fuerst2626 sagte in Material Design Widgets: List Widget:

                                        Kann ich irgendwie die eigentliche Größe der "Schalter Grafik" anpassen?

                                        Weiß zwar nicht genau was du mit Schlater Grafik meinst, aber beim List Widget kannst du die Größe des Images so einstellen:
                                        5d42f292-b86f-41c8-bd58-126063cb59ef-grafik.png

                                        Poste am besten Zukünftig immer einen screenshot mit, wo markiert ist was du ändern willst, dann können wir das besser verstehen.

                                        F Offline
                                        F Offline
                                        fuerst2626
                                        schrieb am zuletzt editiert von Scrounger
                                        #42

                                        @Scrounger said in Material Design Widgets: List Widget:

                                        @fuerst2626 sagte in Material Design Widgets: List Widget:

                                        Kann ich irgendwie die eigentliche Größe der "Schalter Grafik" anpassen?

                                        Weiß zwar nicht genau was du mit Schlater Grafik meinst, aber beim List Widget kannst du die Größe des Images so einstellen:
                                        5d42f292-b86f-41c8-bd58-126063cb59ef-grafik.png

                                        Poste am besten Zukünftig immer einen screenshot mit, wo markiert ist was du ändern willst, dann können wir das besser verstehen.

                                        (/assets/uploads/files/1588343171854-bildschirmfoto-2019-03-22-um-14.03.41.png)

                                        Bildschirmfoto 2020-05-01 um 16.12.39.png Bildschirmfoto 2020-05-01 um 16.12.18.png

                                        Hallo,
                                        bei den Screenshots hier sieht man eigentlich gut was ich meine!
                                        Einmal steht der Wert des "Listenelement Bildhöhe" auf 100 einmal ohne Eintrag.
                                        Listen Element und Symbol links passt sich an.
                                        Die Schriftgröße der Beschriftung lässt sich auch anpassen, jedoch nicht das Schalter Symbol rechts.
                                        Dieses bleibt egal bei welcher Änderung in standard Größe.

                                        Hoffe ich konnte mit den Bildern mein "Problem" näher beschreiben!

                                        ScroungerS 1 Antwort Letzte Antwort
                                        0
                                        • F fuerst2626

                                          @Scrounger said in Material Design Widgets: List Widget:

                                          @fuerst2626 sagte in Material Design Widgets: List Widget:

                                          Kann ich irgendwie die eigentliche Größe der "Schalter Grafik" anpassen?

                                          Weiß zwar nicht genau was du mit Schlater Grafik meinst, aber beim List Widget kannst du die Größe des Images so einstellen:
                                          5d42f292-b86f-41c8-bd58-126063cb59ef-grafik.png

                                          Poste am besten Zukünftig immer einen screenshot mit, wo markiert ist was du ändern willst, dann können wir das besser verstehen.

                                          (/assets/uploads/files/1588343171854-bildschirmfoto-2019-03-22-um-14.03.41.png)

                                          Bildschirmfoto 2020-05-01 um 16.12.39.png Bildschirmfoto 2020-05-01 um 16.12.18.png

                                          Hallo,
                                          bei den Screenshots hier sieht man eigentlich gut was ich meine!
                                          Einmal steht der Wert des "Listenelement Bildhöhe" auf 100 einmal ohne Eintrag.
                                          Listen Element und Symbol links passt sich an.
                                          Die Schriftgröße der Beschriftung lässt sich auch anpassen, jedoch nicht das Schalter Symbol rechts.
                                          Dieses bleibt egal bei welcher Änderung in standard Größe.

                                          Hoffe ich konnte mit den Bildern mein "Problem" näher beschreiben!

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

                                          @fuerst2626 sagte in Material Design Widgets: List Widget:

                                          Dieses bleibt egal bei welcher Änderung in standard Größe.

                                          Hoffe ich konnte mit den Bildern mein "Problem" näher beschreiben!

                                          Jetzt kann ich dir folgen ;-)
                                          Nee das geht leider nicht, switch hat ne feste größe, ist so von der API vorgegeben.
                                          Mit css klasse überschreiben geht das bestimmt, habe ich aber selber noch nicht ausprobiert.

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

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

                                          F 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

                                          355

                                          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