TopAppBar Material Design -Untermenü fehlt

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

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

@kusselin

Du brauchst doch nur die Bilder richtig zuweisen !?

.

....

Kusselin

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

Kusselin

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

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

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 )

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

@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

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

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

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

.

Kusselin

@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

@kusselin

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

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

Homoran

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

mach ein neues projekt auf und über...

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

Glasfaser

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

bei "Startseite das "Haussymbol " standard von Material Design bekomme?

Welches Haussymbol , ich sehe keins :

Meinst du hier , dort kannst du doch das Bild dazu ändern ?

Glasfaser

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

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

Eher ... bis der Groschen gefallen ist!

Kusselin

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

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

bei "Startseite das "Haussymbol " standard von Material Design bekomme?

Welches Haussymbol , ich sehe keins :

Meinst du hier , dort kannst du doch das Bild dazu ändern ?

ja genau da ist ja kein Bild. Und hier hätte ichj geren das HOME-Haus

Glasfaser

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

hier hätte ichj geren das HOME-Haus

Hast du das Widget auch zugewisen , wie oben gezeigt , keine Ahnung was Home-Haus für ein Widget ist !?

ich kann nur nach deinem alten View schauen , dort fehlt z.B. der Wert :

.

Kusselin

@glasfaser gefunden...passt

Glasfaser

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

@glasfaser gefunden...passt

Freut mich sehr , das jetzt alles funktioniert.

NEWS

TopAppBar Material Design -Untermenü fehlt

Support us

1.0k
Online

31.9k
Users

80.2k
Topics

1.3m
Posts

NEWS

TopAppBar Material Design -Untermenü fehlt

Support us

1.0kOnline

31.9kUsers

80.2kTopics

1.3mPosts

1.0k
Online

31.9k
Users

80.2k
Topics

1.3m
Posts