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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    15
    1
    402

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.3k

[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

    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 :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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          492

                                          Online

                                          32.5k

                                          Benutzer

                                          81.6k

                                          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