Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [gelöst]Dropdown oder Hamburger Menü

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.9k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.4k

[gelöst]Dropdown oder Hamburger Menü

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vishow-tomobile uitemplate
31 Beiträge 3 Kommentatoren 3.6k Aufrufe 2 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • liv-in-skyL liv-in-sky

    @Wszene

    anim-gif23.gif

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

    WszeneW Offline
    WszeneW Offline
    Wszene
    schrieb am zuletzt editiert von
    #11

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

    Meine Hard- & Software:

    • MSI Cubi 5 10M-049DE mit Proxmox
    • CC2652P Zigbee Stick
    • Steckdosen mit Tasmota und Zigbee
    • Lichtschalter mit Tasmota
    • IKEA TRÅDFRI Glühbirnen
    • Aqara Sensoren
    liv-in-skyL 1 Antwort Letzte Antwort
    0
    • WszeneW Wszene

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

      liv-in-skyL Offline
      liv-in-skyL Offline
      liv-in-sky
      schrieb am zuletzt editiert von liv-in-sky
      #12

      @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

      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

      WszeneW 1 Antwort Letzte Antwort
      0
      • liv-in-skyL 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

        WszeneW Offline
        WszeneW Offline
        Wszene
        schrieb am zuletzt editiert von
        #13

        @liv-in-sky

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

        Meine Hard- & Software:

        • MSI Cubi 5 10M-049DE mit Proxmox
        • CC2652P Zigbee Stick
        • Steckdosen mit Tasmota und Zigbee
        • Lichtschalter mit Tasmota
        • IKEA TRÅDFRI Glühbirnen
        • Aqara Sensoren
        liv-in-skyL 2 Antworten Letzte Antwort
        0
        • WszeneW Wszene

          @liv-in-sky

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

          liv-in-skyL Offline
          liv-in-skyL Offline
          liv-in-sky
          schrieb am zuletzt editiert von
          #14

          @Wszene anim-gif24.gif

          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

          1 Antwort Letzte Antwort
          1
          • WszeneW Wszene

            @liv-in-sky

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

            liv-in-skyL Offline
            liv-in-skyL Offline
            liv-in-sky
            schrieb am zuletzt editiert von
            #15

            @Wszene

            du musst aber einen datenpunkt vom typ number anlegen

            ist mir gerade eingefallen

            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

            WszeneW 2 Antworten Letzte Antwort
            1
            • liv-in-skyL liv-in-sky

              @Wszene

              du musst aber einen datenpunkt vom typ number anlegen

              ist mir gerade eingefallen

              WszeneW Offline
              WszeneW Offline
              Wszene
              schrieb am zuletzt editiert von
              #16

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

              Meine Hard- & Software:

              • MSI Cubi 5 10M-049DE mit Proxmox
              • CC2652P Zigbee Stick
              • Steckdosen mit Tasmota und Zigbee
              • Lichtschalter mit Tasmota
              • IKEA TRÅDFRI Glühbirnen
              • Aqara Sensoren
              1 Antwort Letzte Antwort
              0
              • liv-in-skyL liv-in-sky

                @Wszene

                du musst aber einen datenpunkt vom typ number anlegen

                ist mir gerade eingefallen

                WszeneW Offline
                WszeneW Offline
                Wszene
                schrieb am zuletzt editiert von
                #17

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

                Meine Hard- & Software:

                • MSI Cubi 5 10M-049DE mit Proxmox
                • CC2652P Zigbee Stick
                • Steckdosen mit Tasmota und Zigbee
                • Lichtschalter mit Tasmota
                • IKEA TRÅDFRI Glühbirnen
                • Aqara Sensoren
                liv-in-skyL 1 Antwort Letzte Antwort
                0
                • WszeneW Wszene

                  @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-skyL Offline
                  liv-in-skyL Offline
                  liv-in-sky
                  schrieb am zuletzt editiert von liv-in-sky
                  #18

                  @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

                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                  WszeneW 1 Antwort Letzte Antwort
                  0
                  • liv-in-skyL 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

                    WszeneW Offline
                    WszeneW Offline
                    Wszene
                    schrieb am zuletzt editiert von
                    #19

                    @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

                    Meine Hard- & Software:

                    • MSI Cubi 5 10M-049DE mit Proxmox
                    • CC2652P Zigbee Stick
                    • Steckdosen mit Tasmota und Zigbee
                    • Lichtschalter mit Tasmota
                    • IKEA TRÅDFRI Glühbirnen
                    • Aqara Sensoren
                    liv-in-skyL 2 Antworten Letzte Antwort
                    0
                    • WszeneW Wszene

                      @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-skyL Offline
                      liv-in-skyL Offline
                      liv-in-sky
                      schrieb am zuletzt editiert von
                      #20

                      @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

                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                      1 Antwort Letzte Antwort
                      0
                      • WszeneW Wszene

                        @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-skyL Offline
                        liv-in-skyL Offline
                        liv-in-sky
                        schrieb am zuletzt editiert von liv-in-sky
                        #21

                        @Wszene

                        habe gesehen, du hast gepostet.

                        hast du das neue json mal getestet ? also unter "untermenu2" reinkopiert

                        [
                        	{
                        		"text": "Kodiac",
                        		"icon": "account",
                        		"iconColor": "red"
                        	}, 
                        	{
                        		"text": "Scala",
                        		"icon": "home",
                        		"iconColor": "green",
                        		"divider": "true"
                        	}
                        ]
                        

                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                        WszeneW 1 Antwort Letzte Antwort
                        0
                        • liv-in-skyL liv-in-sky

                          @Wszene

                          habe gesehen, du hast gepostet.

                          hast du das neue json mal getestet ? also unter "untermenu2" reinkopiert

                          [
                          	{
                          		"text": "Kodiac",
                          		"icon": "account",
                          		"iconColor": "red"
                          	}, 
                          	{
                          		"text": "Scala",
                          		"icon": "home",
                          		"iconColor": "green",
                          		"divider": "true"
                          	}
                          ]
                          
                          WszeneW Offline
                          WszeneW Offline
                          Wszene
                          schrieb am zuletzt editiert von
                          #22

                          @liv-in-sky
                          Habe ich gemacht
                          Wird auch angezeigt aber keine Verlinkung

                          Meine Hard- & Software:

                          • MSI Cubi 5 10M-049DE mit Proxmox
                          • CC2652P Zigbee Stick
                          • Steckdosen mit Tasmota und Zigbee
                          • Lichtschalter mit Tasmota
                          • IKEA TRÅDFRI Glühbirnen
                          • Aqara Sensoren
                          liv-in-skyL 1 Antwort Letzte Antwort
                          0
                          • WszeneW Wszene

                            @liv-in-sky
                            Habe ich gemacht
                            Wird auch angezeigt aber keine Verlinkung

                            liv-in-skyL Offline
                            liv-in-skyL Offline
                            liv-in-sky
                            schrieb am zuletzt editiert von
                            #23

                            @Wszene du siehst also die beiden unterpunkte

                            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                            WszeneW 1 Antwort Letzte Antwort
                            0
                            • liv-in-skyL liv-in-sky

                              @Wszene du siehst also die beiden unterpunkte

                              WszeneW Offline
                              WszeneW Offline
                              Wszene
                              schrieb am zuletzt editiert von
                              #24

                              @liv-in-sky
                              Sorry
                              Doch geht jetzt
                              Danke nur wenn ich einmal Öffne dann bleibt es offen
                              Geht also nicht zu wenn ich das Menü erneut öffne

                              Meine Hard- & Software:

                              • MSI Cubi 5 10M-049DE mit Proxmox
                              • CC2652P Zigbee Stick
                              • Steckdosen mit Tasmota und Zigbee
                              • Lichtschalter mit Tasmota
                              • IKEA TRÅDFRI Glühbirnen
                              • Aqara Sensoren
                              liv-in-skyL 3 Antworten Letzte Antwort
                              0
                              • WszeneW Wszene

                                @liv-in-sky
                                Sorry
                                Doch geht jetzt
                                Danke nur wenn ich einmal Öffne dann bleibt es offen
                                Geht also nicht zu wenn ich das Menü erneut öffne

                                liv-in-skyL Offline
                                liv-in-skyL Offline
                                liv-in-sky
                                schrieb am zuletzt editiert von
                                #25

                                @Wszene ich kenne die settings nicht - aber vielleicht ist da was weiter oben im setting, was man einstellen kann

                                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                1 Antwort Letzte Antwort
                                0
                                • WszeneW Wszene

                                  @liv-in-sky
                                  Sorry
                                  Doch geht jetzt
                                  Danke nur wenn ich einmal Öffne dann bleibt es offen
                                  Geht also nicht zu wenn ich das Menü erneut öffne

                                  liv-in-skyL Offline
                                  liv-in-skyL Offline
                                  liv-in-sky
                                  schrieb am zuletzt editiert von
                                  #26

                                  @Wszene du meinst die unterpunkte gehen nicht zu - das ist aber bei mir in der alten version genauso - das müßte der entwickler beantworten

                                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                  WszeneW 1 Antwort Letzte Antwort
                                  0
                                  • liv-in-skyL liv-in-sky

                                    @Wszene du meinst die unterpunkte gehen nicht zu - das ist aber bei mir in der alten version genauso - das müßte der entwickler beantworten

                                    WszeneW Offline
                                    WszeneW Offline
                                    Wszene
                                    schrieb am zuletzt editiert von
                                    #27

                                    @liv-in-sky
                                    Achso OK dann lebe ich erstmal damit :blush:

                                    Das sind die möglichen Einstellungen
                                    Bildschirmfoto 2020-12-08 um 19.38.42.png

                                    Meine Hard- & Software:

                                    • MSI Cubi 5 10M-049DE mit Proxmox
                                    • CC2652P Zigbee Stick
                                    • Steckdosen mit Tasmota und Zigbee
                                    • Lichtschalter mit Tasmota
                                    • IKEA TRÅDFRI Glühbirnen
                                    • Aqara Sensoren
                                    1 Antwort Letzte Antwort
                                    0
                                    • WszeneW Wszene

                                      @liv-in-sky
                                      Sorry
                                      Doch geht jetzt
                                      Danke nur wenn ich einmal Öffne dann bleibt es offen
                                      Geht also nicht zu wenn ich das Menü erneut öffne

                                      liv-in-skyL Offline
                                      liv-in-skyL Offline
                                      liv-in-sky
                                      schrieb am zuletzt editiert von
                                      #28

                                      @Wszene könntest du noch im anderen thread hier her zur lösung verweisen (link), damit dort klar ist, dass es funktioniert (bis auf das auto-schliessen der unterpunkte)

                                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                      1 Antwort Letzte Antwort
                                      0
                                      • liv-in-skyL Offline
                                        liv-in-skyL Offline
                                        liv-in-sky
                                        schrieb am zuletzt editiert von
                                        #29

                                        @Scrounger
                                        hi,
                                        ist es möglich, im app menu widget (neue version) die untermenus automatisch schliessen zu lassen, wenn das ganze menu zugeht, so dass beim nächsten öffnen wieder alle untermenus zu sind

                                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                        ScroungerS 1 Antwort Letzte Antwort
                                        0
                                        • liv-in-skyL liv-in-sky

                                          @Scrounger
                                          hi,
                                          ist es möglich, im app menu widget (neue version) die untermenus automatisch schliessen zu lassen, wenn das ganze menu zugeht, so dass beim nächsten öffnen wieder alle untermenus zu sind

                                          ScroungerS Offline
                                          ScroungerS Offline
                                          Scrounger
                                          Developer
                                          schrieb am zuletzt editiert von
                                          #30

                                          @liv-in-sky sagte in [gelöst]Dropdown oder Hamburger Menü:

                                          @Scrounger
                                          hi,
                                          ist es möglich, im app menu widget (neue version) die untermenus automatisch schliessen zu lassen, wenn das ganze menu zugeht, so dass beim nächsten öffnen wieder alle untermenus zu sind

                                          Nee hab ich nicht eingebaut. Schreib bitte dazu nen issue auf github, damit wir es nicht vergessen.

                                          <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                          <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                          liv-in-skyL 1 Antwort Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          756

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe