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

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

[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?

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

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 ?