Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Kusselin]

@glasfaser

[

	{

		"text": "Musik",

		"icon": "spotify",

		

	}, 

	{

		"text": "Musik Spotify",

		"icon": "spotify",

		

	}

]

[Glasfaser]

@kusselin

... habe ein Komma zu viel eingebaut ...

habe es geändert

[
	{
		"text": "Musik",
		"icon": "spotify"
	}, 

	{
 
		"text": "Musik Spotify",
		"icon": "spotify"
	}
]

[Kusselin]

@glasfaser man glasfaser...ist das schwer alles :-(und kleinigkeiten ...komma nach spotify usw...ok jetzt habe ich ein untermenü mit musik und musik_spotify....diese kann ich beide anklicken....
jetzt ist aber noch alles danach verrutscht....man sieht ja das mülltonnensymbol udn da steht aber 7spotify udn das ist falsch....da gejts jetzt um die zuordnung aber ich weiss nicht wo ich die zuordnung machen muss...im view 8 oder topapp widget? der harte weg ist echt zu hart für mich.....

[Glasfaser]

@kusselin

da kann nichts verrutschen .... , wenn man ein Untermenue einträgt.
Keine Ahnung was du da machst ,
das Müllsymbol sollte schon da bleiben wo es jeweils auch vorher war . !?

Exportiere mal dein Widget TopAppBar .

Aber in einem Spoiler setzen

EDIT :

aber die anderen passen doch !!!!
Alexa , Verbrauch ...

[Glasfaser]

@kusselin

das war schon vorher falsch ... schaue mal deine Beiträge am Anfang ... du hast alles verschoben

https://forum.iobroker.net/topic/48689/topappbar-material-design-untermenü-fehlt/13

[Kusselin]

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

@kusselin

EDIT :

aber die anderen passen doch !!!!
Alexa , Verbrauch ...

ja die passen wieder....

Spoiler

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

die Müllabfuhr ist jetzt die Küche...und spotify 7 ist die müllview???

[Glasfaser]

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

ja die passen wieder....

Gut , dann hast du es ja hinbekommen .

[Kusselin]

@glasfaser nee schau hier

die Müllabfuhr ist jetzt die Küche...und spotify 7 ist die müllview??? ;-(

[Glasfaser]

@kusselin
Ja was denn jetzt !?
Du hast doch geschrieben " ja die passen wieder.... " also gehen ich von aus du hast es von selber hinbekommen

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

@glasfaser nee schau hier
die Müllabfuhr ist jetzt die Küche...und spotify 7 ist die müllview??? ;-(

Und was soll ich da jetzt sehen , in deiner Antwort !?

Setze dein Ausgabe im Spoiler in Code-Tags , sonst kann man das Widget nicht importieren .

[Kusselin]

@glasfaser Ei stimmt der Spoiler so nicht... ich mach ja alles falsch:-(

Geht das d“nun das ich den Spoiler öffne und in den Spoiler dann Code Tag setze?

Ab Büro stimmt’s wieder.. so meinte ich

[Kusselin]

So?

Spoiler

[{"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]

@kusselin

[Glasfaser]

@kusselin

Da ist ein Fehler in der Json .

Gib mir mal deine Index als Viewexport

[Kusselin]

@glasfaser dann passt doch der letzte Spoiler

[Glasfaser]

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

@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

[Kusselin]

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

@kusselin

[Kusselin]

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

Danke Dir

[Kusselin]

index_view

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