Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
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.8k

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

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

[gelöst]Dropdown oder Hamburger Menü

Scheduled Pinned Locked Moved Visualisierung
vishow-tomobile uitemplate
31 Posts 3 Posters 3.6k Views 2 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • WszeneW 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-skyL Offline
    liv-in-skyL Offline
    liv-in-sky
    wrote on last edited by
    #2

    @Wszene meinst du sowas

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

    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 Reply Last reply
    0
    • liv-in-skyL liv-in-sky

      @Wszene meinst du sowas

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

      WszeneW Offline
      WszeneW Offline
      Wszene
      wrote on last edited by
      #3

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

      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 Reply Last reply
      0
      • WszeneW Wszene

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

        liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        wrote on last edited by
        #4

        @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

        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 Reply Last reply
        1
        • liv-in-skyL liv-in-sky

          @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

          WszeneW Offline
          WszeneW Offline
          Wszene
          wrote on last edited by
          #5

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

          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 Reply Last reply
          0
          • WszeneW Wszene

            @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-skyL Offline
            liv-in-skyL Offline
            liv-in-sky
            wrote on last edited by
            #6

            @Wszene

            du musst das material design widget als adapter installieren

            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 Reply Last reply
            0
            • liv-in-skyL liv-in-sky

              @Wszene

              du musst das material design widget als adapter installieren

              WszeneW Offline
              WszeneW Offline
              Wszene
              wrote on last edited by
              #7

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

              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 Reply Last reply
              0
              • WszeneW Wszene

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

                liv-in-skyL Offline
                liv-in-skyL Offline
                liv-in-sky
                wrote on last edited by
                #8

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

                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 Reply Last reply
                0
                • liv-in-skyL liv-in-sky

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

                  WszeneW Offline
                  WszeneW Offline
                  Wszene
                  wrote on last edited by
                  #9

                  @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

                  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 Reply Last reply
                  0
                  • WszeneW Wszene

                    @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-skyL Offline
                    liv-in-skyL Offline
                    liv-in-sky
                    wrote on last edited by
                    #10

                    @Wszene

                    anim-gif23.gif

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

                    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 Reply Last reply
                    0
                    • 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
                      wrote on last edited by
                      #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 Reply Last reply
                      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
                        wrote on last edited by 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 Reply Last reply
                        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
                          wrote on last edited by
                          #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 Replies Last reply
                          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
                            wrote on last edited by
                            #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 Reply Last reply
                            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
                              wrote on last edited by
                              #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 Replies Last reply
                              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
                                wrote on last edited by
                                #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 Reply Last reply
                                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
                                  wrote on last edited by
                                  #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 Reply Last reply
                                  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
                                    wrote on last edited by 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 Reply Last reply
                                    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
                                      wrote on last edited by
                                      #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 Replies Last reply
                                      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
                                        wrote on last edited by
                                        #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 Reply Last reply
                                        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
                                          wrote on last edited by 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 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          898

                                          Online

                                          32.4k

                                          Users

                                          81.5k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe