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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

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

NEWS

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

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

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

[gelöst]Dropdown oder Hamburger Menü

Scheduled Pinned Locked Moved Visualisierung
vishow-tomobile uitemplate
31 Posts 3 Posters 3.6k Views 2 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • WszeneW Wszene

    @liv-in-sky

    Ich glaube ich sehe den Wald vor lauter Bäumen
    Wo und wie installiere ich das Widget damit ich es in der VIS nutzen kann?

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

    @Wszene

    du musst das material design widget als adapter installieren

    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

    WszeneW 1 Reply Last reply
    0
    • liv-in-skyL liv-in-sky

      @Wszene

      du musst das material design widget als adapter installieren

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

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

      Meine Hard- & Software:

      • MSI Cubi 5 10M-049DE mit Proxmox
      • CC2652P Zigbee Stick
      • Steckdosen mit Tasmota und Zigbee
      • Lichtschalter mit Tasmota
      • IKEA TRÅDFRI Glühbirnen
      • Aqara Sensoren
      liv-in-skyL 1 Reply Last reply
      0
      • WszeneW Wszene

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

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

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

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        WszeneW 1 Reply Last reply
        0
        • liv-in-skyL liv-in-sky

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

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

          @liv-in-sky
          Die Katze kenne ich aber ich habe da immer nur über "beliebigen Link" genutzt
          In der Liste finde ich leider auch nichts

          Meine Hard- & Software:

          • MSI Cubi 5 10M-049DE mit Proxmox
          • CC2652P Zigbee Stick
          • Steckdosen mit Tasmota und Zigbee
          • Lichtschalter mit Tasmota
          • IKEA TRÅDFRI Glühbirnen
          • Aqara Sensoren
          liv-in-skyL 1 Reply Last reply
          0
          • WszeneW Wszene

            @liv-in-sky
            Die Katze kenne ich aber ich habe da immer nur über "beliebigen Link" genutzt
            In der Liste finde ich leider auch nichts

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

            @Wszene

            anim-gif23.gif

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

            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

            WszeneW 1 Reply Last reply
            0
            • liv-in-skyL liv-in-sky

              @Wszene

              anim-gif23.gif

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

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

              @liv-in-sky
              Ich danke dir jetzt habe ich es
              Jetzt muss ich nur noch wissen wie ich das Menü erstelle um die Ecke guck :face_with_rolling_eyes:

              Meine Hard- & Software:

              • MSI Cubi 5 10M-049DE mit Proxmox
              • CC2652P Zigbee Stick
              • Steckdosen mit Tasmota und Zigbee
              • Lichtschalter mit Tasmota
              • IKEA TRÅDFRI Glühbirnen
              • Aqara Sensoren
              liv-in-skyL 1 Reply Last reply
              0
              • WszeneW Wszene

                @liv-in-sky
                Ich danke dir jetzt habe ich es
                Jetzt muss ich nur noch wissen wie ich das Menü erstelle um die Ecke guck :face_with_rolling_eyes:

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

                @Wszene

                wird im thread beschrieben

                du machst eine neue view - in der rechten oberen ecke kommt das app widget und über die ganze view-seite kommt das view in widget8

                du brauchst hierfür noch einen eigenen datenpunkt . z.b unter userdata_0 - der wird in beiden widgets ausgewählt

                dann musst du beide widget definieren

                das view8 sieht z.b bei mir so aus:

                Image 3.png

                das app widget:

                Image 4.png

                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                WszeneW 1 Reply Last reply
                0
                • liv-in-skyL liv-in-sky

                  @Wszene

                  wird im thread beschrieben

                  du machst eine neue view - in der rechten oberen ecke kommt das app widget und über die ganze view-seite kommt das view in widget8

                  du brauchst hierfür noch einen eigenen datenpunkt . z.b unter userdata_0 - der wird in beiden widgets ausgewählt

                  dann musst du beide widget definieren

                  das view8 sieht z.b bei mir so aus:

                  Image 3.png

                  das app widget:

                  Image 4.png

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

                  @liv-in-sky

                  Danke dir
                  Noch eine blöde Frage
                  Wie erstelle ich den Datenpunkt?

                  Meine Hard- & Software:

                  • MSI Cubi 5 10M-049DE mit Proxmox
                  • CC2652P Zigbee Stick
                  • Steckdosen mit Tasmota und Zigbee
                  • Lichtschalter mit Tasmota
                  • IKEA TRÅDFRI Glühbirnen
                  • Aqara Sensoren
                  liv-in-skyL 2 Replies Last reply
                  0
                  • WszeneW Wszene

                    @liv-in-sky

                    Danke dir
                    Noch eine blöde Frage
                    Wie erstelle ich den Datenpunkt?

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

                    @Wszene anim-gif24.gif

                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                    1 Reply Last reply
                    1
                    • WszeneW Wszene

                      @liv-in-sky

                      Danke dir
                      Noch eine blöde Frage
                      Wie erstelle ich den Datenpunkt?

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

                      @Wszene

                      du musst aber einen datenpunkt vom typ number anlegen

                      ist mir gerade eingefallen

                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                      WszeneW 2 Replies Last reply
                      1
                      • liv-in-skyL liv-in-sky

                        @Wszene

                        du musst aber einen datenpunkt vom typ number anlegen

                        ist mir gerade eingefallen

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

                        @liv-in-sky
                        Danke dir hat geklappt
                        Jetzt geht auch das Menü

                        Meine Hard- & Software:

                        • MSI Cubi 5 10M-049DE mit Proxmox
                        • CC2652P Zigbee Stick
                        • Steckdosen mit Tasmota und Zigbee
                        • Lichtschalter mit Tasmota
                        • IKEA TRÅDFRI Glühbirnen
                        • Aqara Sensoren
                        1 Reply Last reply
                        0
                        • liv-in-skyL liv-in-sky

                          @Wszene

                          du musst aber einen datenpunkt vom typ number anlegen

                          ist mir gerade eingefallen

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

                          @liv-in-sky
                          Ich habe da doc nochmal eine Frage
                          Ich habe gesehen das man auch Untermenüpunkte anlegen kann

                          Aber wie mache ich das?

                          Meine Hard- & Software:

                          • MSI Cubi 5 10M-049DE mit Proxmox
                          • CC2652P Zigbee Stick
                          • Steckdosen mit Tasmota und Zigbee
                          • Lichtschalter mit Tasmota
                          • IKEA TRÅDFRI Glühbirnen
                          • Aqara Sensoren
                          liv-in-skyL 1 Reply Last reply
                          0
                          • WszeneW Wszene

                            @liv-in-sky
                            Ich habe da doc nochmal eine Frage
                            Ich habe gesehen das man auch Untermenüpunkte anlegen kann

                            Aber wie mache ich das?

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

                            @Wszene ich glaube, dass hängt von der version ab, die du installiert hast

                            du musst einen json text eingeben - siehe hier - dort bestimmst du das

                            {"itemText": "UNIFI", "subItems": ["Unifi 1", "Unifi 2","Unifi 3"]}
                            

                            Image 1.png

                            und im view8 widget einfach miteinbinden

                            schaut so aus

                            anim-gif25.gif

                            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                            WszeneW 1 Reply Last reply
                            0
                            • liv-in-skyL liv-in-sky

                              @Wszene ich glaube, dass hängt von der version ab, die du installiert hast

                              du musst einen json text eingeben - siehe hier - dort bestimmst du das

                              {"itemText": "UNIFI", "subItems": ["Unifi 1", "Unifi 2","Unifi 3"]}
                              

                              Image 1.png

                              und im view8 widget einfach miteinbinden

                              schaut so aus

                              anim-gif25.gif

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

                              @liv-in-sky
                              Woher weiss denn dan die Navigation welchen View sie nutzen soll

                              bei mir sieht es jetzt so aus
                              Bildschirmfoto 2020-12-08 um 13.59.40.png
                              Bildschirmfoto 2020-12-08 um 14.00.58.png
                              Bildschirmfoto 2020-12-08 um 14.03.01.png
                              Bildschirmfoto 2020-12-08 um 14.03.17.png

                              Meine Hard- & Software:

                              • MSI Cubi 5 10M-049DE mit Proxmox
                              • CC2652P Zigbee Stick
                              • Steckdosen mit Tasmota und Zigbee
                              • Lichtschalter mit Tasmota
                              • IKEA TRÅDFRI Glühbirnen
                              • Aqara Sensoren
                              liv-in-skyL 2 Replies Last reply
                              0
                              • WszeneW Wszene

                                @liv-in-sky
                                Woher weiss denn dan die Navigation welchen View sie nutzen soll

                                bei mir sieht es jetzt so aus
                                Bildschirmfoto 2020-12-08 um 13.59.40.png
                                Bildschirmfoto 2020-12-08 um 14.00.58.png
                                Bildschirmfoto 2020-12-08 um 14.03.01.png
                                Bildschirmfoto 2020-12-08 um 14.03.17.png

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

                                @Wszene scheint das neue zu sein - das habe ich noch nicht upgedatet. am besten du fragst im zuständigen thread nach. ich wollte zu dem neuen noch nicht updaten,weil ich nicht weiß, was das alles ändert

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

                                hier steht auch noch etwas

                                https://github.com/Scrounger/ioBroker.vis-materialdesign#since-version-040

                                das neue json sieht wohl so aus:

                                Image 3.png

                                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                1 Reply Last reply
                                0
                                • WszeneW Wszene

                                  @liv-in-sky
                                  Woher weiss denn dan die Navigation welchen View sie nutzen soll

                                  bei mir sieht es jetzt so aus
                                  Bildschirmfoto 2020-12-08 um 13.59.40.png
                                  Bildschirmfoto 2020-12-08 um 14.00.58.png
                                  Bildschirmfoto 2020-12-08 um 14.03.01.png
                                  Bildschirmfoto 2020-12-08 um 14.03.17.png

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

                                  @Wszene

                                  habe gesehen, du hast gepostet.

                                  hast du das neue json mal getestet ? also unter "untermenu2" reinkopiert

                                  [
                                  	{
                                  		"text": "Kodiac",
                                  		"icon": "account",
                                  		"iconColor": "red"
                                  	}, 
                                  	{
                                  		"text": "Scala",
                                  		"icon": "home",
                                  		"iconColor": "green",
                                  		"divider": "true"
                                  	}
                                  ]
                                  

                                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                  WszeneW 1 Reply Last reply
                                  0
                                  • 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
                                    wrote on last edited by
                                    #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 Reply Last reply
                                    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
                                      wrote on last edited by
                                      #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 Reply Last reply
                                      0
                                      • liv-in-skyL liv-in-sky

                                        @Wszene du siehst also die beiden unterpunkte

                                        WszeneW Offline
                                        WszeneW Offline
                                        Wszene
                                        wrote on last edited by
                                        #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 Replies Last reply
                                        0
                                        • WszeneW Wszene

                                          @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

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

                                          @Wszene ich kenne die settings nicht - aber vielleicht ist da was weiter oben im setting, was man einstellen kann

                                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          723

                                          Online

                                          32.4k

                                          Users

                                          81.5k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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