Untermenüs im der TopAppBar Material Design

Kusselin

{
 "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": "10",
       "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": "/vis.0/Eigene Bilder/Home.png",
       "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": "Müllabfuhr",
       "labels6": "Küche",
       "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": "",
       "labels10": "Ergebnisse",
       "submenus10": "[\n\n\t{\n\n \n\n\t\t\"text\": \"1.BL\",\n\n\t\t\"icon\": \"/vis.0/Eigene Bilder/bundesliga1.png\"\n\n\t},\n\n\n\t{\n\n \n\n\t\t\"text\": \"2.BL\",\n\n\t\t\"icon\": \"/vis.0/Eigene Bilder/bundesliga2.jpg\"\n\n\t},\n\t\n\t{\n\n \n\n\t\t\"text\": \"3.BL\",\n\n\t\t\"icon\": \"/vis.0/Eigene Bilder/bundesliga3.png\"\n\n\t},\n\t\n\t{\n\n \n\n\t\t\"text\": \"DEL\",\n\n\t\t\"icon\": \"/vis.0/Eigene Bilder/del.png\"\n\n\t}\n]"
     },
     "style": {
       "left": "2468px",
       "top": "16px",
       "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": true,
       "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": "16",
       "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",
       "contains_view_13": "view_müllabfuhr",
       "contains_view_14": "view_küche",
       "contains_view_15": "view_büro",
       "contains_view_16": "view_alexa",
       "contains_view_17": "",
       "views": null
     },
     "style": {
       "left": "3px",
       "top": "74px",
       "width": "1280px",
       "height": "677px",
       "z-index": "97"
     },
     "widgetSet": "basic"
   }
 },
 "name": "index",
 "filterList": []
}

was ich halt auch nicht verstehe ist, ich habe die viewzuweisung geändert wie du gesagt hast im vie8 widget und es wird nicht aktualisiert :-(

stimmt das so aber glasfaser:

[

	{

 

		"text": "1.BL",

		"icon": "/vis.0/Eigene Bilder/bundesliga1.png"

	},


	{

 

		"text": "2.BL",

		"icon": "/vis.0/Eigene Bilder/bundesliga2.jpg"

	},
	
	{

 

		"text": "3.BL",

		"icon": "/vis.0/Eigene Bilder/bundesliga3.png"

	},
	
	{

 

		"text": "DEL",

		"icon": "/vis.0/Eigene Bilder/del.png"

	}
]

Glasfaser

@kusselin sagte in Untermenüs im der TopAppBar Material Design:

Schreibe mal dort leer rein .

Kusselin

@glasfaser sag jetzt nicht das lag nur an dem "leer"
Image 5.png

Glasfaser

@kusselin

Ich habe bei mir alles frei und über 32 Seiten .. usw , es funktioniert ....

Nachdem ich dein View /Widget nutze als Test geht es nicht bei der Vorlage , nur mit einem Dummy ( also Hauptsache was drin ) , keine Ahnung ... woher das kommt .

Kusselin

O.K. das geht jetzt.....wieder ne Geburt:anguished:

ne sache hab ich noch...wenn ich jetzt auf auf den index view gehe im editor dann zeigt er mir die "del an..das war nicht so.......
Image 6.png

Glasfaser

@kusselin

das war doch dein Test HTML Widget im View

Kusselin

@glasfaser ja, aber auf dem index view wurde nie die del angezeigt…

Glasfaser

@kusselin

und was ist in der View 16 drin "view_ergebnisse_del"

Kusselin

@glasfaser ja,
Image 1.png

stimmt das dann alles jetzt? eigentlich schon,oder?

Glasfaser

@kusselin sagte in Untermenüs im der TopAppBar Material Design:

stimmt das dann alles jetzt? eigentlich schon,oder?

.... du stellst mir Fragen !

Das mußst du doch wissen , gehe in den Runtime und Prüfe , ob alles richtig ist .
Auswahl in der TopAppBar ( Menue ) ob der richtige View angezeigt wird ,

Kusselin

@glasfaser ja jetzt geht alles..

Früher wars so wenn man die runtime gestartet hat ist man automatisch auf die Startseite gekommen.. das ist jetzt nicht mehr der Fall.. jetzt kommst auf der zuletzt geöffneten Seite raus.

Glasfaser

@kusselin sagte in Untermenüs im der TopAppBar Material Design:

Früher wars so wenn man die runtime gestartet hat ist man automatisch auf die Startseite gekommen.. das ist jetzt nicht mehr der Fall.. jetzt kommst auf der zuletzt geöffneten Seite raus.

Eigentlich gab es das noch nie ,
wenn du hier Klicks

wird immer im Runtime diese View in einem neuen Fenster gestartet ,die du im VIS Editor geöffnet hast .

und im Auswahlpuldown ( rechts neben den Play ) kannst du auswählen ,was gemacht werden soll., das wird dann anstatt dem Play geändert .

.

.

Kusselin

@glasfaser ok, danke Dir.. wichtig ist mir das jetzt auch was hängengeblieben ist.. das ist das wichtigste!,

Danke Dir

Glasfaser

@kusselin sagte in Untermenüs im der TopAppBar Material Design:

das jetzt auch was hängengeblieben ist..

im Zweifel ..... kannst du ja in deinen Thread´s ..... alles nochmal erlesen ;)

Kusselin

@glasfaser genau:+1:

Community Forum

NEWS

Untermenüs im der TopAppBar Material Design

Support us

367

32.5k

81.7k

1.3m