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
    18
    1
    689

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    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.
  • 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 :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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          722

                                          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