TopAppBar Material Design -Untermenü fehlt

[micklafisch]

@kusselin
ja, lesen und selbst erarbeiten ist auch wenn es der härtere Weg ist immer besser.

Tipp: mach mal die View im Browser direkt auf, dann siehst du in einem Menü die Indexzahlen.

[Kusselin]

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

Tipp: mach mal die View im Browser direkt auf, dann siehst du in einem Menü die Indexzahlen.

Welche view meinst du da dann?? Die untermenüview „Spotify“?

Und mit direkt im browser aufmachen..meinst du da dann die runtime?
Gruss

[Glasfaser]

@kusselin

Lese doch bitte den Thread ( oben schon den Link dazu genannt ) , da steht alles dazu :

https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget/34

[Kusselin]

also...ich bins jetzt nochmal...so ganz bin ich noch nicht durchgestiegen..verdammt schwer!! aber ich beschreibe jetzt mal was ich gemacht habe....ich habe den Haken gesetzt bei den Index der Navielemete anzeigen...somit sieht man die [xx] vor der Beschriftung:

und hier

Jetzt sieht man ja aber das ich zweimal das Spotify mit Index 5 und Index 6 habe...wobei Index 6 ja die Müllabfuhr ist!! jetzt komme ich aber wieder voll durcheinander.

Index 4 ist ja das Musik hauptmenü sozusagen udn darunter soll dann Spotify kommen...das habe ich dann so eingetragen:

somit wird ja auch das Untermenü (submenü) Spotify angezeigt.....

was ich noch gemacht habe ist einen datenpunkt angelegr unter "userdata" als "Number:

und habe es unter ObjektID beim view 8 widget udn topappbar ausgewählt:

view8:

und hier in der TopAppBar:

Wie ich das jetzt aber wieder gradbiege das die Views richtig gesetzt sind und wie ich das im view 8 mit dem Submenü mache raff ich ehrlich nicht...das müsst ihr mir bitte erklären....

Danke

[Glasfaser]

@kusselin

hast du dich daran gehalten :

https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget/168

https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget/218

Ein frei lassen bei Benutzung von Untermenue´s

[Kusselin]

@glasfaser nein das habe ich noch nicht beachtet..sorry....muss das im Widget 8 gemacht werden oder im topAppbar Widget oder beiden?

[Glasfaser]

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

.muss das im Widget 8 gemacht

Nur da ...

[Kusselin]

@glasfaser ok...das habe ich jetzt so gemacht...:

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

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

[

	{

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