Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    821

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    6.3k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.6k

[gelöst]Dropdown oder Hamburger Menü

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vishow-tomobile uitemplate
31 Beiträge 3 Kommentatoren 4.0k Aufrufe 2 Beobachtet
  • Ä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 meinst du sowas

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

    WszeneW Offline
    WszeneW Offline
    Wszene
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          0
          • liv-in-skyL liv-in-sky

            @Wszene

            du musst das material design widget als adapter installieren

            WszeneW Offline
            WszeneW Offline
            Wszene
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            0
            • WszeneW Wszene

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

              liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              0
              • liv-in-skyL liv-in-sky

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

                WszeneW Offline
                WszeneW Offline
                Wszene
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    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 🙄

                    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 🙄

                      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

                                          Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                                          Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                                          Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                                          Registrieren Anmelden
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          592

                                          Online

                                          32.8k

                                          Benutzer

                                          82.7k

                                          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