Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. TopAppBar Material Design -Untermenü fehlt

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    TopAppBar Material Design -Untermenü fehlt

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

      So?

      [{"tpl":"tplVis-materialdesign-TopAppBar-Navigation","data":{"oid":"0_userdata.0.Eigene_Datenpunkte.TopAppBar","g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","navItemCount":"9","navDefaultValue":"0","topAppBarLayout":"standard","titleTopAppBar":"MM-Smarthome","colorTopAppBarTitle":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.title","colorTopAppBarBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.background","titleFont":"#mdwTheme:vis-materialdesign.0.fonts.top_app_bar.title","titleFontSize":"-7","showSelectedItemAsTitle":"true","showSelectedItemIconInTitle":"true","topAppBarZ_index":"993","vibrateTopAppBarOnMobilDevices":"42","drawerLayout":"modal","permanentIfResolutionHigherThan":"782","drawerItemLayout":"standard","listItemDividerStyle":"standard","z_index":"1002","showHeader":true,"headerLabel":"<h4 class='mdc-drawer__title'>MM-Smarthome</h6>","showLabels":"true","listItemAlignment":"right","listItemTextFont":""Arial Black", Gadget, sans-serif","listItemTextFontDisabled":""Arial Black", Gadget, sans-serif","listItemTextSize":"#mdwTheme:vis-materialdesign.0.fontSizes.top_app_bar.item","listItemHeaderFont":""Arial Black", Gadget, sans-serif","listItemHeaderTextSize":"#mdwTheme:vis-materialdesign.0.fontSizes.top_app_bar.header","backdropLabelBackgroundHeight":"30","vibrateDrawerOnMobilDevices":"-7","colorDrawerBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.menu_background","colorDrawerItemBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_background","colorDrawerHeaderBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.header_background","iconDrawerColor":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","iconDrawerColorSelected":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon_selected","subIconDrawerColor":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","subIconDrawerColorSelected":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon_selected","colorListItemHover":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_hover","colorListItemSelected":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_selected","colorListItemText":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_text","colorListItemTextSelected":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_text_selected","colorListItemTextDisabled":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_text_disabled","colorListItemIconDisabled":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon_disabled","colorListItemHeaders":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.header_text","colorListItemDivider":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_divider","colorSubItemToggleIcon":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon_toggle","colorDrawerbackdropLabelBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_backdrop_background_text_off","colorDrawerbackdropLabelBackgroundActive":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_backdrop_background_text_on","drawerSubItemLayout":"standard","listSubItemDividerStyle":"standard","colorListSubItemDivider":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_divider","listSubItemAlignment":"right","listItemSubTextFont":""Arial Black", Gadget, sans-serif","listSubItemTextSize":"#mdwTheme:vis-materialdesign.0.fontSizes.top_app_bar.subItem","listItemSubTextFontDisabled":""Arial Black", Gadget, sans-serif","showSubItemsLabels":"true","colorDrawerSubBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_background_all","colorDrawerSubItemBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_background","colorListSubItemHover":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_hover","colorListSubItemSelected":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_selected","colorListSubItemText":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_text","colorListSubItemTextSelected":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_text_selected","colorDrawerbackdropSubLabelBackground":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_backdrop_background_text_off","colorDrawerbackdropSubLabelBackgroundActive":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_backdrop_background_text_on","drawerItemsDataMethod":"inputPerEditor","iconDrawer0":"/icons-mfd-svg/control_all_on_off.svg","iconDrawerColor0":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor0":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility0":"hide","iconDrawer1":"/vis.0/Eigene Bilder/wohnzimmer.jpg","iconDrawerColor1":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor1":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility1":"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,"iconDrawer2":"/vis.0/Wettericons/Wetter_HD/2.png","iconDrawerColor2":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor2":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility2":"hide","iconDrawer3":"/vis.0/Eigene Bilder/tanken.png","iconDrawerColor3":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor3":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility3":"hide","iconDrawer4":"/vis.0/Eigene Bilder/musik.jpg","iconDrawerColor4":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor4":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility4":"hide","iconDrawer5":"/vis.0/Eigene Bilder/tonne_grau.png","iconDrawerColor5":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor5":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility5":"hide","iconDrawer6":"/vis.0/Eigene Bilder/küche.png","iconDrawerColor6":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor6":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility6":"hide","iconDrawer7":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawerColor7":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor7":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility7":"hide","iconDrawer8":"/vis.0/kuddel/Meine_Icons/Netzwerk/echo_dot.jpg","iconDrawerColor8":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor8":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility8":"hide","iconDrawer9":"/vis.0/Eigene Bilder/diagramm.png","iconDrawerColor9":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor9":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility9":"hide","labels0":"Startseite","labels1":"Wohnzimmer","labels2":"Wetter","labels3":"Spritpreise","labels4":"Musik","labels5":"Spotify","labels6":"Müllabfuhr","labels7":"Büro","labels8":"Alexa","labels9":"Verbrauch","drawerWidth":"-8","dividers0":true,"iconDrawer10":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawerColor10":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor10":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility10":"hide","iconDrawer11":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawerColor11":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor11":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility11":"hide","drawerSubItemIconHeight":"-4","iconDrawer12":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawerColor12":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor12":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility12":"hide","iconDrawer13":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawerColor13":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor13":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility13":"hide","iconDrawer14":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawerColor14":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor14":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility14":"hide","iconDrawer15":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawerColor15":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon","subIconDrawerColor15":"#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon","permissionVisibility15":"hide","showIndexNum":true,"submenus4":"[\n\n\t{\n\n\t\t"text": "Musik",\n\n\t\t"icon": "spotify"\n\n\t}, \n\n \n\n\t{\n\n \n\n\t\t"text": "Musik Spotify",\n\n\t\t"icon": "spotify"\n\n\t}\n\n]","visibility-oid":"","headers0":""},"style":{"left":"0px","top":"0px","width":"1255px","height":"63px","font-family":""Arial Black", Gadget, sans-serif","z-index":"-3"},"widgetSet":"materialdesign"}]
      

      Glasfaser 1 Reply Last reply Reply Quote 0
      • Glasfaser
        Glasfaser @Kusselin last edited by

        @kusselin
        K.gif

        Kusselin 1 Reply Last reply Reply Quote 0
        • Glasfaser
          Glasfaser @Kusselin last edited by

          @kusselin

          Da ist ein Fehler in der Json .

          Gib mir mal deine Index als Viewexport

          Kusselin 1 Reply Last reply Reply Quote 0
          • Kusselin
            Kusselin @Glasfaser last edited by

            @glasfaser dann passt doch der letzte Spoiler

            Glasfaser 1 Reply Last reply Reply Quote 0
            • Glasfaser
              Glasfaser @Kusselin last edited by

              @kusselin sagte in TopAppBar Material Design -Untermenü fehlt:

              @glasfaser dann passt doch der letzte Spoiler

              Ja mach mal langsam ,
              habe oben nur ein Filmchen gedreht wie es geht , wehr konnte ahnen das du so schnell bist

              Kusselin 1 Reply Last reply Reply Quote 0
              • Kusselin
                Kusselin @Glasfaser last edited by

                @glasfaser sagte in TopAppBar Material Design -Untermenü fehlt:

                @kusselin

                Da ist ein Fehler in der Json .

                Gib mir mal deine Index als Viewexport

                Wie geht der Index viewexport?? Sorry

                1 Reply Last reply Reply Quote 0
                • Kusselin
                  Kusselin @Glasfaser last edited by

                  @glasfaser sagte in TopAppBar Material Design -Untermenü fehlt:

                  @kusselin sagte in TopAppBar Material Design -Untermenü fehlt:

                  @glasfaser dann passt doch der letzte Spoiler
                  

                  Ja mach mal langsam ,
                  habe oben nur ein Filmchen gedreht wie es geht , wehr konnte ahnen das du so schnell bist

                  Alles gut!

                  Glasfaser 1 Reply Last reply Reply Quote 0
                  • Glasfaser
                    Glasfaser @Kusselin last edited by

                    @kusselin

                    2052aedf-b0a9-404a-a085-670413893bad-grafik.png

                    Kusselin 1 Reply Last reply Reply Quote 0
                    • Kusselin
                      Kusselin @Glasfaser last edited by

                      @glasfaser du..sorry Glasfaser, aber sei mir nicht böse... ich melde mich morgen wieder.

                      Danke Dir

                      1 Reply Last reply Reply Quote 0
                      • Kusselin
                        Kusselin last edited by

                        {
                         "settings": {
                           "style": {
                             "background_class": "hq-background-blue-marine"
                           },
                           "theme": "redmond",
                           "sizex": "1080",
                           "sizey": "1920",
                           "gridSize": "",
                           "useBackground": false,
                           "snapType": null,
                           "useAsDefault": true,
                           "alwaysRender": false
                         },
                         "widgets": {
                           "e00001": {
                             "tpl": "tplVis-materialdesign-TopAppBar-Navigation",
                             "data": {
                               "oid": "0_userdata.0.Eigene_Datenpunkte.TopAppBar",
                               "g_fixed": true,
                               "g_visibility": true,
                               "g_css_font_text": true,
                               "g_css_background": true,
                               "g_css_shadow_padding": false,
                               "g_css_border": false,
                               "g_gestures": false,
                               "g_signals": false,
                               "g_last_change": false,
                               "visibility-cond": "==",
                               "visibility-val": 1,
                               "visibility-groups-action": "hide",
                               "navItemCount": "9",
                               "navDefaultValue": "0",
                               "topAppBarLayout": "standard",
                               "titleTopAppBar": "MM-Smarthome",
                               "colorTopAppBarTitle": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.title",
                               "colorTopAppBarBackground": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.background",
                               "titleFont": "#mdwTheme:vis-materialdesign.0.fonts.top_app_bar.title",
                               "titleFontSize": "-7",
                               "showSelectedItemAsTitle": "true",
                               "showSelectedItemIconInTitle": "true",
                               "topAppBarZ_index": "993",
                               "vibrateTopAppBarOnMobilDevices": "42",
                               "drawerLayout": "modal",
                               "permanentIfResolutionHigherThan": "782",
                               "drawerItemLayout": "standard",
                               "listItemDividerStyle": "standard",
                               "z_index": "1002",
                               "showHeader": true,
                               "headerLabel": "<h4 class='mdc-drawer__title'>MM-Smarthome</h6>",
                               "showLabels": "true",
                               "listItemAlignment": "right",
                               "listItemTextFont": "\"Arial Black\", Gadget, sans-serif",
                               "listItemTextFontDisabled": "\"Arial Black\", Gadget, sans-serif",
                               "listItemTextSize": "#mdwTheme:vis-materialdesign.0.fontSizes.top_app_bar.item",
                               "listItemHeaderFont": "\"Arial Black\", Gadget, sans-serif",
                               "listItemHeaderTextSize": "#mdwTheme:vis-materialdesign.0.fontSizes.top_app_bar.header",
                               "backdropLabelBackgroundHeight": "30",
                               "vibrateDrawerOnMobilDevices": "-7",
                               "colorDrawerBackground": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.menu_background",
                               "colorDrawerItemBackground": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_background",
                               "colorDrawerHeaderBackground": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.header_background",
                               "iconDrawerColor": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "iconDrawerColorSelected": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon_selected",
                               "subIconDrawerColor": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "subIconDrawerColorSelected": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon_selected",
                               "colorListItemHover": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_hover",
                               "colorListItemSelected": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_selected",
                               "colorListItemText": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_text",
                               "colorListItemTextSelected": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_text_selected",
                               "colorListItemTextDisabled": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_text_disabled",
                               "colorListItemIconDisabled": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon_disabled",
                               "colorListItemHeaders": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.header_text",
                               "colorListItemDivider": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_divider",
                               "colorSubItemToggleIcon": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon_toggle",
                               "colorDrawerbackdropLabelBackground": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_backdrop_background_text_off",
                               "colorDrawerbackdropLabelBackgroundActive": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_backdrop_background_text_on",
                               "drawerSubItemLayout": "standard",
                               "listSubItemDividerStyle": "standard",
                               "colorListSubItemDivider": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_divider",
                               "listSubItemAlignment": "right",
                               "listItemSubTextFont": "\"Arial Black\", Gadget, sans-serif",
                               "listSubItemTextSize": "#mdwTheme:vis-materialdesign.0.fontSizes.top_app_bar.subItem",
                               "listItemSubTextFontDisabled": "\"Arial Black\", Gadget, sans-serif",
                               "showSubItemsLabels": "true",
                               "colorDrawerSubBackground": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_background_all",
                               "colorDrawerSubItemBackground": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_background",
                               "colorListSubItemHover": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_hover",
                               "colorListSubItemSelected": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_selected",
                               "colorListSubItemText": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_text",
                               "colorListSubItemTextSelected": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_text_selected",
                               "colorDrawerbackdropSubLabelBackground": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_backdrop_background_text_off",
                               "colorDrawerbackdropSubLabelBackgroundActive": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_backdrop_background_text_on",
                               "drawerItemsDataMethod": "inputPerEditor",
                               "iconDrawer0": "/icons-mfd-svg/control_all_on_off.svg",
                               "iconDrawerColor0": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor0": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility0": "hide",
                               "iconDrawer1": "/vis.0/Eigene Bilder/wohnzimmer.jpg",
                               "iconDrawerColor1": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor1": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility1": "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,
                               "iconDrawer2": "/vis.0/Wettericons/Wetter_HD/2.png",
                               "iconDrawerColor2": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor2": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility2": "hide",
                               "iconDrawer3": "/vis.0/Eigene Bilder/tanken.png",
                               "iconDrawerColor3": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor3": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility3": "hide",
                               "iconDrawer4": "/vis.0/Eigene Bilder/musik.jpg",
                               "iconDrawerColor4": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor4": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility4": "hide",
                               "iconDrawer5": "/vis.0/Eigene Bilder/tonne_grau.png",
                               "iconDrawerColor5": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor5": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility5": "hide",
                               "iconDrawer6": "/vis.0/Eigene Bilder/küche.png",
                               "iconDrawerColor6": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor6": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility6": "hide",
                               "iconDrawer7": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
                               "iconDrawerColor7": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor7": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility7": "hide",
                               "iconDrawer8": "/vis.0/kuddel/Meine_Icons/Netzwerk/echo_dot.jpg",
                               "iconDrawerColor8": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor8": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility8": "hide",
                               "iconDrawer9": "/vis.0/Eigene Bilder/diagramm.png",
                               "iconDrawerColor9": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor9": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility9": "hide",
                               "labels0": "Startseite",
                               "labels1": "Wohnzimmer",
                               "labels2": "Wetter",
                               "labels3": "Spritpreise",
                               "labels4": "Musik",
                               "labels5": "Spotify",
                               "labels6": "Müllabfuhr",
                               "labels7": "Büro",
                               "labels8": "Alexa",
                               "labels9": "Verbrauch",
                               "drawerWidth": "-8",
                               "dividers0": true,
                               "iconDrawer10": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
                               "iconDrawerColor10": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor10": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility10": "hide",
                               "iconDrawer11": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
                               "iconDrawerColor11": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor11": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility11": "hide",
                               "drawerSubItemIconHeight": "-4",
                               "iconDrawer12": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
                               "iconDrawerColor12": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor12": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility12": "hide",
                               "iconDrawer13": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
                               "iconDrawerColor13": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor13": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility13": "hide",
                               "iconDrawer14": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
                               "iconDrawerColor14": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor14": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility14": "hide",
                               "iconDrawer15": "/vis/widgets/materialdesign/img/IoBroker_Logo.png",
                               "iconDrawerColor15": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.item_icon",
                               "subIconDrawerColor15": "#mdwTheme:vis-materialdesign.0.colors.top_app_bar.subItem_icon",
                               "permissionVisibility15": "hide",
                               "showIndexNum": true,
                               "submenus4": "[\n\n\t{\n\n\t\t\"text\": \"Musik\",\n\n\t\t\"icon\": \"spotify\"\n\n\t}, \n\n \n\n\t{\n\n \n\n\t\t\"text\": \"Musik Spotify\",\n\n\t\t\"icon\": \"spotify\"\n\n\t}\n\n]",
                               "visibility-oid": "",
                               "headers0": ""
                             },
                             "style": {
                               "left": "-118px",
                               "top": "13px",
                               "width": "1255px",
                               "height": "63px",
                               "font-family": "\"Arial Black\", Gadget, sans-serif",
                               "z-index": "-3"
                             },
                             "widgetSet": "materialdesign"
                           },
                           "e00002": {
                             "tpl": "tplStatefulContainerView8",
                             "data": {
                               "oid": "0_userdata.0.Eigene_Datenpunkte.TopAppBar",
                               "g_fixed": false,
                               "g_visibility": false,
                               "g_css_font_text": true,
                               "g_css_background": true,
                               "g_css_shadow_padding": false,
                               "g_css_border": false,
                               "g_gestures": false,
                               "g_signals": false,
                               "g_last_change": false,
                               "visibility-cond": "==",
                               "visibility-val": 1,
                               "visibility-groups-action": "hide",
                               "count": "11",
                               "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,
                               "persistent": true,
                               "contains_view_0": "view_startseite",
                               "contains_view_1": "view_wohnzimmer",
                               "contains_view_2": "view_wetter",
                               "contains_view_3": "view_sprit",
                               "contains_view_4": "",
                               "contains_view_5": "view_musik",
                               "contains_view_6": "view_musik_spotify",
                               "contains_view_7": "view_müllabfuhr",
                               "contains_view_8": "view_küche",
                               "contains_view_9": "view_büro",
                               "contains_view_10": "view_alexa",
                               "contains_view_11": "view_verbrauch"
                             },
                             "style": {
                               "left": "-1px",
                               "top": "68px",
                               "width": "1280px",
                               "height": "677px",
                               "z-index": "97"
                             },
                             "widgetSet": "basic"
                           }
                         },
                         "name": "index",
                         "filterList": []
                        }
                        

                        Glasfaser 1 Reply Last reply Reply Quote 0
                        • Glasfaser
                          Glasfaser @Kusselin last edited by Glasfaser

                          @kusselin

                          Du brauchst doch nur die Bilder richtig zuweisen !?

                          0.JPG
                          .

                          1.JPG
                          .

                          2.JPG

                          ....

                          0cf6b212-25d0-436b-bbda-71a510bb4d99-grafik.png

                          Kusselin 1 Reply Last reply Reply Quote 0
                          • Kusselin
                            Kusselin @Glasfaser last edited by

                            @glasfaser Guten Morgen.....du bist 24/7 online oder 🙂

                            1 Reply Last reply Reply Quote 0
                            • Kusselin
                              Kusselin last edited by

                              also index 7 stimmt jetzt mit der Müllabfuhr......aber index 8 ist dann glaube ich zuviel...index 9 10 und 11 passt auch

                              kann ich dann index 8 rauslöschen?

                              Image 1.png

                              Glasfaser 1 Reply Last reply Reply Quote 0
                              • Glasfaser
                                Glasfaser @Kusselin last edited by Glasfaser

                                @kusselin

                                sieht schonmal gut aus aber ...

                                ich weis nicht was du jetzt gemacht hast !?

                                8 ja , aber nicht löschen die anderen rutschen dann in den Einstellungen ein hoch .

                                Die 7 ist ja jetzt richtig mit Hausmüll

                                Also In der TopAppBar :

                                die Einstellungen der eingetragenen Werte von 9 nach 8 / 10 nach 9 / 11 nach 10
                                dafür fehlt dann 11 / ist dann nicht da .

                                1.JPG

                                Ich glaube , ich weiß warum du durcheinander kommst .

                                Beispiel
                                die Zahl "9 " neben dem Büro entspricht dem Datenpunkt-Wert 9 der geschaltet wird , um diese View zusehen .

                                Dies hat nicht´s mit den Element zu tun .( Navigationsleiste Element )

                                1.JPG

                                Du siehst es ja , denn die Zahl 4 bei Musik habe ich dir ja erklärt muß in der View Widget 8 frei bleiben , also kein View zugewiesen.
                                Dafür wird ja nur 5 und 6 für deine Musik ausgewählt..

                                Kusselin 1 Reply Last reply Reply Quote 0
                                • Kusselin
                                  Kusselin @Glasfaser last edited by Kusselin

                                  @glasfaser bist du dir sicher das das in der TopAppBar gemacht werden muss? Nicht im view8 widget?

                                  WEil in der TopAppBar habe ich nur 9 Navigationselemente...die 0 wird hier ja mitgezählt

                                  Glasfaser 1 Reply Last reply Reply Quote 0
                                  • Glasfaser
                                    Glasfaser @Kusselin last edited by Glasfaser

                                    @kusselin sagte in TopAppBar Material Design -Untermenü fehlt:

                                    Nicht im view8 widget?

                                    In diesem Widget werden nur die View´s zugewiesen , mehr nicht .

                                    also , die eingeblendete Zahl neben dem Namen ( bei dir Büro ) also 9 das ist nur eine Hilfestellungsanzeige um in view 8 widget diese dort auszuwählen .

                                    2.JPG

                                    und hier auf 9 , dein View Büro ausgewählt.

                                    1.JPG

                                    @kusselin sagte in TopAppBar Material Design -Untermenü fehlt:

                                    bist du dir sicher das das in der TopAppBar gemacht werden muss?

                                    Ja .

                                    WEil in der TopAppBar habe ich nur 9 Navigationselemente...die 0 wird hier ja mitgezählt

                                    Die 9 Navigationselemente haben nicht´s mit den Nummern neben den Namen zu tun .

                                    Die Zahlen werden ja nur zur Hilfestellung eingeblendet bei :

                                    bdf883c2-9a4c-494d-94d7-de697b87ea35-grafik.png

                                    .

                                    51ae20a4-5612-45ba-aa5b-00d5c31cfcf7-grafik.png

                                    Kusselin 1 Reply Last reply Reply Quote 0
                                    • Kusselin
                                      Kusselin @Glasfaser last edited by

                                      @glasfaser sorry...ichhabs immer noch nicht kapiert was die zweite View also 8 Müllabfuhr hier udn jetzt macht udn wie ich diese wegbekomme......sorry aber ich bin ehrlich!!

                                      Glasfaser 1 Reply Last reply Reply Quote 0
                                      • Glasfaser
                                        Glasfaser @Kusselin last edited by

                                        @kusselin

                                        Lade deine aktuelle View hier nochmal hoch , ich ändere es dann.

                                        Kusselin 1 Reply Last reply Reply Quote 1
                                        • Kusselin
                                          Kusselin @Glasfaser last edited by Kusselin

                                          @glasfaser ich habs.........auch ein blindes huhn findet mal ein Korn.... 😉

                                          hab jetzt mal in jede View ein html widget reingesetzt udn hab dort den namen auch reingeschrieben.......udn siehe da bei der zweiten Müllabfuht muss die Küche rein und gut is 🙂

                                          Man welch eine Geburt......aber so klar ist es mir noch nicht....mach ein neues projekt auf und übe...

                                          den haken bei Index kann ich jetzt wieder rausmachen....
                                          Image 2.png

                                          kannst du mir bitte noch sagen wie ich bei "Startseite das "Haussymbol " standard von Material Design bekomme?

                                          Ich schick Dir mal ein Bier rüber....vielen herzlichen Dank für Deine unermütliche Hilfe!!!
                                          istockphoto-1038586226-612x612.jpg

                                          Homoran Glasfaser 3 Replies Last reply Reply Quote 1
                                          • Homoran
                                            Homoran Global Moderator Administrators @Kusselin last edited by

                                            @kusselin sagte in TopAppBar Material Design -Untermenü fehlt:

                                            mach ein neues projekt auf und über...

                                            https://www.iobroker.net/#de/documentation/viz/vis.md

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            685
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            4
                                            59
                                            2133
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo