Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. TopAppBar Material Design -Untermenü fehlt

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    TopAppBar Material Design -Untermenü fehlt

    This topic has been deleted. Only users with topic management privileges can see it.
    • Glasfaser
      Glasfaser @micklafisch last edited by

      Hier der Ausschnitt davon :

      https://github.com/Scrounger/ioBroker.vis-materialdesign#editor-settings-27

      cc2285b6-7e05-418d-b517-b18714632055-grafik.png

      1 Reply Last reply Reply Quote 0
      • Glasfaser
        Glasfaser last edited by

        @kusselin

        Tip :

        dazu gibt es auch ein Thread , wie und was zu mache ist usw.......

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

        Kusselin 1 Reply Last reply Reply Quote 0
        • Kusselin
          Kusselin @Glasfaser last edited by

          @glasfaser o.k. danke euch...ich habe den gehabt
          Image 3.png

          1 Reply Last reply Reply Quote 0
          • Kusselin
            Kusselin last edited by Kusselin

            o.k soweit nachvollziehbar...
            Image 4.png

            bis auf...wie bekomme ich den Namen spotify nun auch nach rechts geschoben noch?

            und im widget view 8 muss ich ja auch noch den Bezug zum submenü angeben.....steht das alles in der Beschreibung?

            M 1 Reply Last reply Reply Quote 0
            • M
              micklafisch @Kusselin last edited by

              @kusselin
              die "Gestaltung" ist wiederum im Menü

              377dd06f-8a3d-438d-bac3-d827fdfbaaf6-image.png

              Bezüglich deinem Bezug:

              Hake in deinem Widget in den Einstellungen das hier an:
              05fa5525-d89d-46d9-8931-b3d4edc3d11b-image.png

              Dann bekommst du die Zahlen des Index angezeigt. Im View8 Widget muss dann entsprechend des Indexes eine View hinterlegt werden.

              p.s. ja in der Beschreibung steht das eigentlich alles drin bzw. in den Thementhreads von @scrounger auch.

              Kusselin 1 Reply Last reply Reply Quote 0
              • Kusselin
                Kusselin @micklafisch last edited by

                @micklafisch danke vorab mal..habe das mal angehakt wie von dir verlangt:
                Image 5.png

                wo bekomme ich dann die zahlen des Indexes angezeigt?
                Und das dann mit dem Index im View 8 Widget.....hab ich nicht gefunden.....

                ich lese das mal ..will euch ja nicht dauernd auf den S...gehen..ihr habt es ja auch erstmal lesen müssen.

                Danke

                M 1 Reply Last reply Reply Quote 0
                • M
                  micklafisch @Kusselin last edited by

                  @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 1 Reply Last reply Reply Quote 0
                  • Kusselin
                    Kusselin @micklafisch last edited by

                    @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 1 Reply Last reply Reply Quote 0
                    • Glasfaser
                      Glasfaser @Kusselin last edited by 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

                      1 Reply Last reply Reply Quote 0
                      • Kusselin
                        Kusselin last edited by

                        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:
                        Image 1.png
                        und hier
                        Image 2.png

                        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:
                        Image 3.png

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

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

                        Image 4.png

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

                        view8:
                        Image 5.png

                        und hier in der TopAppBar:
                        Image 6.png

                        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 1 Reply Last reply Reply Quote 0
                        • Glasfaser
                          Glasfaser @Kusselin last edited by

                          @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 1 Reply Last reply Reply Quote 0
                          • Kusselin
                            Kusselin @Glasfaser last edited by

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

                            Glasfaser 1 Reply Last reply Reply Quote 0
                            • Glasfaser
                              Glasfaser @Kusselin last edited by

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

                              .muss das im Widget 8 gemacht

                              Nur da ...

                              Kusselin 1 Reply Last reply Reply Quote 0
                              • Kusselin
                                Kusselin @Glasfaser last edited by 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 1 Reply Last reply Reply Quote 0
                                • Glasfaser
                                  Glasfaser @Kusselin last edited by 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 1 Reply Last reply Reply Quote 0
                                  • Kusselin
                                    Kusselin @Glasfaser last edited by

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

                                    Glasfaser 1 Reply Last reply Reply Quote 0
                                    • Glasfaser
                                      Glasfaser @Kusselin last edited by Glasfaser

                                      @kusselin

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

                                      Kusselin 1 Reply Last reply Reply Quote 0
                                      • Kusselin
                                        Kusselin @Glasfaser last edited by

                                        @glasfaser ```
                                        [

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

                                        ]

                                        Glasfaser 1 Reply Last reply Reply Quote 0
                                        • Glasfaser
                                          Glasfaser @Kusselin last edited by

                                          @kusselin

                                          [
                                          	{
                                          		"text": "Musik",
                                          		"icon": "spotify",
                                          		
                                          	}, 
                                          	{
                                          		"text": "Musik Spotify",
                                          		"icon": "spotify",
                                          		
                                          	}
                                          ]
                                          
                                          
                                          Kusselin 1 Reply Last reply Reply Quote 0
                                          • Kusselin
                                            Kusselin @Glasfaser last edited by

                                            @glasfaser Image 10.png

                                            [
                                            
                                            	{
                                            
                                            		"text": "Musik",
                                            
                                            		"icon": "spotify",
                                            
                                            		
                                            
                                            	}, 
                                            
                                            	{
                                            
                                            		"text": "Musik Spotify",
                                            
                                            		"icon": "spotify",
                                            
                                            		
                                            
                                            	}
                                            
                                            ]
                                            
                                            Glasfaser 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            529
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            4
                                            59
                                            2122
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo