TopAppBar Material Design -Untermenü fehlt

Kusselin

@glasfaser ok...das habe ich jetzt so gemacht...:
Image 8.png

Entspricht dann im view 8 widget der Tab x dem Index wert?

Image 9.png

da passt noch nicht alles so wies sein soll?

Für was benötigt man denn den gemeinsamen Datenpunkt?

Glasfaser

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

Für was benötigt man denn den gemeinsamen Datenpunkt?

Grundlegend ist die Funktion in der TopAppBar .

die Erste View ist 0
die zweit View ist 1
usw.

über den gemeinsamen Datenpunkt gibst du das an die View Widget 8 weiter , damit der View darin gewechselt wird ,
die du dort ausgewählt hast.

und die 4 Index ist keine View , sondern nur ein Namen deshalb bleibt es frei im View Widget 8

Kusselin

@glasfaser wieso ist aber bei mir jetzt index 5 und 6 spotify??

Glasfaser

@kusselin

Zeihe mal das JSON vom Untermenue was du erstellt hast ,
aber in Code-Tags setzen .... nicht als Screenshot

Kusselin

@glasfaser ```
[

{
	"text": "spotify",
	"icon": "spotify",
	"divider": "true"
}

]

Glasfaser

@kusselin

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

Kusselin

@glasfaser Image 10.png

[

	{

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

Image 11.png

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

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?

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

Community Forum

NEWS

TopAppBar Material Design -Untermenü fehlt

Support us

387

32.4k

81.5k

1.3m