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

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

Community Forum

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

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.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ü

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          806

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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