Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [gelöst]Dropdown oder Hamburger Menü

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    [gelöst]Dropdown oder Hamburger Menü

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

      Hallo Zusammen
      Ich bin gerade auf der Suche nach einer Möglichkeit ein Dropdown oder so ein mobiles "Hamburger Menü"

      Hat zufällig jemand eine Schritt für Schritt Anleitung für mich wie ich so ein Menü in meine VIS einbauen kann?

      Danke im Voraus

      Gruß
      Marcel

      liv-in-sky 1 Reply Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky @Wszene last edited by

        @Wszene meinst du sowas

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

        Wszene 1 Reply Last reply Reply Quote 0
        • Wszene
          Wszene @liv-in-sky last edited by

          @liv-in-sky
          Genau so etwas
          Kann ich das auch anders machen ohne das ich dieses Widget nutze?

          liv-in-sky 1 Reply Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @Wszene last edited by

            @Wszene

            dann bräuchte man das widget nicht - ich denke, da kommst du nicht "drum rum" - ich glaube es gibt das noch irgenwie anders - ist aber sicher auch nicht einfacher - abe rvielleicht meldet sich noch jmd, der eine andere lösung hat

            Wszene 1 Reply Last reply Reply Quote 1
            • Wszene
              Wszene @liv-in-sky last edited by

              @liv-in-sky

              Ich glaube ich sehe den Wald vor lauter Bäumen
              Wo und wie installiere ich das Widget damit ich es in der VIS nutzen kann?

              liv-in-sky 1 Reply Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @Wszene last edited by

                @Wszene

                du musst das material design widget als adapter installieren

                Wszene 1 Reply Last reply Reply Quote 0
                • Wszene
                  Wszene @liv-in-sky last edited by

                  @liv-in-sky
                  Das wird bei mir nicht gefunden

                  liv-in-sky 1 Reply Last reply Reply Quote 0
                  • liv-in-sky
                    liv-in-sky @Wszene last edited by

                    @Wszene kannst du über die "katze" installieren - kennst du das ?

                    Wszene 1 Reply Last reply Reply Quote 0
                    • Wszene
                      Wszene @liv-in-sky last edited by

                      @liv-in-sky
                      Die Katze kenne ich aber ich habe da immer nur über "beliebigen Link" genutzt
                      In der Liste finde ich leider auch nichts

                      liv-in-sky 1 Reply Last reply Reply Quote 0
                      • liv-in-sky
                        liv-in-sky @Wszene last edited by

                        @Wszene

                        anim-gif23.gif

                        link in katze:
                        https://github.com/Scrounger/iobroker.vis-materialdesign

                        Wszene 1 Reply Last reply Reply Quote 0
                        • Wszene
                          Wszene @liv-in-sky last edited by

                          @liv-in-sky
                          Ich danke dir jetzt habe ich es
                          Jetzt muss ich nur noch wissen wie ich das Menü erstelle um die Ecke guck 🙄

                          liv-in-sky 1 Reply Last reply Reply Quote 0
                          • liv-in-sky
                            liv-in-sky @Wszene last edited by liv-in-sky

                            @Wszene

                            wird im thread beschrieben

                            du machst eine neue view - in der rechten oberen ecke kommt das app widget und über die ganze view-seite kommt das view in widget8

                            du brauchst hierfür noch einen eigenen datenpunkt . z.b unter userdata_0 - der wird in beiden widgets ausgewählt

                            dann musst du beide widget definieren

                            das view8 sieht z.b bei mir so aus:

                            Image 3.png

                            das app widget:

                            Image 4.png

                            Wszene 1 Reply Last reply Reply Quote 0
                            • Wszene
                              Wszene @liv-in-sky last edited by

                              @liv-in-sky

                              Danke dir
                              Noch eine blöde Frage
                              Wie erstelle ich den Datenpunkt?

                              liv-in-sky 2 Replies Last reply Reply Quote 0
                              • liv-in-sky
                                liv-in-sky @Wszene last edited by

                                @Wszene anim-gif24.gif

                                1 Reply Last reply Reply Quote 1
                                • liv-in-sky
                                  liv-in-sky @Wszene last edited by

                                  @Wszene

                                  du musst aber einen datenpunkt vom typ number anlegen

                                  ist mir gerade eingefallen

                                  Wszene 2 Replies Last reply Reply Quote 1
                                  • Wszene
                                    Wszene @liv-in-sky last edited by

                                    @liv-in-sky
                                    Danke dir hat geklappt
                                    Jetzt geht auch das Menü

                                    1 Reply Last reply Reply Quote 0
                                    • Wszene
                                      Wszene @liv-in-sky last edited by

                                      @liv-in-sky
                                      Ich habe da doc nochmal eine Frage
                                      Ich habe gesehen das man auch Untermenüpunkte anlegen kann

                                      Aber wie mache ich das?

                                      liv-in-sky 1 Reply Last reply Reply Quote 0
                                      • liv-in-sky
                                        liv-in-sky @Wszene last edited by liv-in-sky

                                        @Wszene ich glaube, dass hängt von der version ab, die du installiert hast

                                        du musst einen json text eingeben - siehe hier - dort bestimmst du das

                                        {"itemText": "UNIFI", "subItems": ["Unifi 1", "Unifi 2","Unifi 3"]}
                                        

                                        Image 1.png

                                        und im view8 widget einfach miteinbinden

                                        schaut so aus

                                        anim-gif25.gif

                                        Wszene 1 Reply Last reply Reply Quote 0
                                        • Wszene
                                          Wszene @liv-in-sky last edited by

                                          @liv-in-sky
                                          Woher weiss denn dan die Navigation welchen View sie nutzen soll

                                          bei mir sieht es jetzt so aus
                                          Bildschirmfoto 2020-12-08 um 13.59.40.png
                                          Bildschirmfoto 2020-12-08 um 14.00.58.png
                                          Bildschirmfoto 2020-12-08 um 14.03.01.png
                                          Bildschirmfoto 2020-12-08 um 14.03.17.png

                                          liv-in-sky 2 Replies Last reply Reply Quote 0
                                          • liv-in-sky
                                            liv-in-sky @Wszene last edited by

                                            @Wszene scheint das neue zu sein - das habe ich noch nicht upgedatet. am besten du fragst im zuständigen thread nach. ich wollte zu dem neuen noch nicht updaten,weil ich nicht weiß, was das alles ändert

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

                                            hier steht auch noch etwas

                                            https://github.com/Scrounger/ioBroker.vis-materialdesign#since-version-040

                                            das neue json sieht wohl so aus:

                                            Image 3.png

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            904
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            how-to mobile ui template vis
                                            3
                                            31
                                            2406
                                            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