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. Material Design Widgets: Top App Bar Widget

NEWS

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

  • 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

Material Design Widgets: Top App Bar Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
412 Beiträge 74 Kommentatoren 89.0k Aufrufe 79 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.
  • GlasfaserG Glasfaser

    @Negalein
    habe gerade die Beta 0.3.30 installiert ... zum test
    da ist ja alles durcheinander ... mit allen Widget .. muß mahl schauen was da passiert ist

    z. B . der Button ist in der oberen Ecke und kein Menue mehr im Runtime

    .
    1.JPG

    hast du auch diese Version !?

    EDIT :

    kein CSS stört von mir , habe mal alle CSS Anweisungen raus geholt , trotzdem der gleiche Effekt .

    NegaleinN Offline
    NegaleinN Offline
    Negalein
    Global Moderator
    schrieb am zuletzt editiert von
    #171

    @Glasfaser sagte in Material Design Widgets: Top App Bar Widget:

    habe gerade die Beta 0.3.30 installiert

    bin noch auf 0.3.19

    gut zu wissen. Dann bleib ich mal bei der.

    ° Node.js: 20.17.0 NPM: 10.8.2
    ° Proxmox, Ubuntu 22.04.3 LTS
    ° Fixer ---> iob fix

    GlasfaserG 1 Antwort Letzte Antwort
    0
    • GlasfaserG Glasfaser

      @gerald123 sagte in Material Design Widgets: Top App Bar Widget:

      ich habe jetzt mal 3 Menüpunkte eingerichtet, diese Funktionieren auch perfekt.
      Nun wollte ich einen 4ten. Menüpunkt einrichten der zwei Untermenüpunkte hat.

      Dann passt das aber nicht , 1 bis 3 wären dann einzelne Views

      Ja, Heizung und System sollen die Untermenüpunkte im Menüpunkt 4 sein.

      ein frei lassen ....

      siehe hier bei mir das Untermenue beginnt ab 7 ( TIMER ) oder 11 ( IT )

      1.JPG

      G Offline
      G Offline
      gerald123
      schrieb am zuletzt editiert von
      #172

      @Glasfaser Super das wars, die freien Felder haben bei mir gefehlt und der Datenpunkt ist nun auch eingetragen (Danke Negalein!)
      Wegen der Version, ich dachte das ich von GitHub immer die Latest bekomme (von der 0.3.30 steht da nichts) ich kann aber auch nicht auf die 0.3.19 zurück (er installiert die einfach nicht bei mir)

      Synology 918+ 4GB; ioBroker auf RPI4; Zigbee; Sonoff

      GlasfaserG 1 Antwort Letzte Antwort
      0
      • NegaleinN Negalein

        @Glasfaser sagte in Material Design Widgets: Top App Bar Widget:

        habe gerade die Beta 0.3.30 installiert

        bin noch auf 0.3.19

        gut zu wissen. Dann bleib ich mal bei der.

        GlasfaserG Offline
        GlasfaserG Offline
        Glasfaser
        schrieb am zuletzt editiert von
        #173

        @Negalein

        Jo ... die Untermenue Funktion ist auch anders

        1.JPG

        .
        2.JPG

        das Feld ist jetzt getrennt bei einer Untermenuefunktion , was in der Version 0.3.19 als eins war .

        Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

        NegaleinN 1 Antwort Letzte Antwort
        0
        • G gerald123

          @Glasfaser Super das wars, die freien Felder haben bei mir gefehlt und der Datenpunkt ist nun auch eingetragen (Danke Negalein!)
          Wegen der Version, ich dachte das ich von GitHub immer die Latest bekomme (von der 0.3.30 steht da nichts) ich kann aber auch nicht auf die 0.3.19 zurück (er installiert die einfach nicht bei mir)

          GlasfaserG Offline
          GlasfaserG Offline
          Glasfaser
          schrieb am zuletzt editiert von
          #174

          @gerald123 sagte in Material Design Widgets: Top App Bar Widget:

          ch kann aber auch nicht auf die 0.3.19 zurück (er installiert die einfach nicht bei mir)

          auch nicht hierüber zurück !?

          .
          1.JPG

          Auswahl 0.3.19

          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

          G 1 Antwort Letzte Antwort
          0
          • GlasfaserG Glasfaser

            @gerald123 sagte in Material Design Widgets: Top App Bar Widget:

            ch kann aber auch nicht auf die 0.3.19 zurück (er installiert die einfach nicht bei mir)

            auch nicht hierüber zurück !?

            .
            1.JPG

            Auswahl 0.3.19

            G Offline
            G Offline
            gerald123
            schrieb am zuletzt editiert von
            #175

            @Glasfaser Habe ich versucht, das System macht das Installationsfenster auf, dann ist es aber doch wieder die 0.3.30 obwohl die gar nicht in der Liste steht.

            Synology 918+ 4GB; ioBroker auf RPI4; Zigbee; Sonoff

            GlasfaserG 1 Antwort Letzte Antwort
            -1
            • GlasfaserG Glasfaser

              @Negalein

              Jo ... die Untermenue Funktion ist auch anders

              1.JPG

              .
              2.JPG

              das Feld ist jetzt getrennt bei einer Untermenuefunktion , was in der Version 0.3.19 als eins war .

              NegaleinN Offline
              NegaleinN Offline
              Negalein
              Global Moderator
              schrieb am zuletzt editiert von
              #176

              @Glasfaser sagte in Material Design Widgets: Top App Bar Widget:

              Jo ... die Untermenue Funktion ist auch anders

              hab grad auf Git das gesehen.

              Since version 0.4.0 the submenus must be defined by a JSON string:

              Eventuell ist es in 0.3.30 schon drinn?

              ° Node.js: 20.17.0 NPM: 10.8.2
              ° Proxmox, Ubuntu 22.04.3 LTS
              ° Fixer ---> iob fix

              1 Antwort Letzte Antwort
              0
              • G gerald123

                @Glasfaser Habe ich versucht, das System macht das Installationsfenster auf, dann ist es aber doch wieder die 0.3.30 obwohl die gar nicht in der Liste steht.

                GlasfaserG Offline
                GlasfaserG Offline
                Glasfaser
                schrieb am zuletzt editiert von
                #177

                @gerald123 sagte in Material Design Widgets: Top App Bar Widget:

                das System macht das Installationsfenster auf,

                kommt bestimmt das :

                $ ./iobroker upgrade vis-materialdesign@0.3.19
                Adapter "vis-materialdesign" is not in the repository and cannot be updated.
                process exited with code 0
                

                oder

                $ ./iobroker upgrade vis-materialdesign@0.3.19
                 Cannot read system.config: undefined (OK when migrating or restoring)Adapter "vis-materialdesign" is not in the repository and cannot be updated.
                Unable to subscribe to expiry Keyspace events from Redis Server: Error: Connection is closed.
                process exited with code 0
                

                zurück geht mit

                cd /opt/iobroker 
                
                iobroker del vis-materialdesign
                npm install iobroker.vis-materialdesign@0.3.19 --production
                iobroker add vis-materialdesign
                

                Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                G 1 Antwort Letzte Antwort
                0
                • GlasfaserG Glasfaser

                  @gerald123 sagte in Material Design Widgets: Top App Bar Widget:

                  das System macht das Installationsfenster auf,

                  kommt bestimmt das :

                  $ ./iobroker upgrade vis-materialdesign@0.3.19
                  Adapter "vis-materialdesign" is not in the repository and cannot be updated.
                  process exited with code 0
                  

                  oder

                  $ ./iobroker upgrade vis-materialdesign@0.3.19
                   Cannot read system.config: undefined (OK when migrating or restoring)Adapter "vis-materialdesign" is not in the repository and cannot be updated.
                  Unable to subscribe to expiry Keyspace events from Redis Server: Error: Connection is closed.
                  process exited with code 0
                  

                  zurück geht mit

                  cd /opt/iobroker 
                  
                  iobroker del vis-materialdesign
                  npm install iobroker.vis-materialdesign@0.3.19 --production
                  iobroker add vis-materialdesign
                  
                  G Offline
                  G Offline
                  gerald123
                  schrieb am zuletzt editiert von
                  #178

                  @Glasfaser Danke, werde ich gleich mal Testen

                  Synology 918+ 4GB; ioBroker auf RPI4; Zigbee; Sonoff

                  ScroungerS 1 Antwort Letzte Antwort
                  0
                  • G gerald123

                    @Glasfaser Danke, werde ich gleich mal Testen

                    ScroungerS Offline
                    ScroungerS Offline
                    Scrounger
                    Developer
                    schrieb am zuletzt editiert von
                    #179

                    @gerald123 @Glasfaser @Negalein

                    Github version ist Alpha!
                    Da sind die Änderungen schon drin, Versionsnummer hebe ich aber erst bei Veröffentlichung an, deshalb noch 0.3.30.

                    Ab Version 0.4.x müssen die Untermenüs per JSON erstellt werden, da ich User / Gruppen Berechtigungen implemnetiert habe. Und das bietet die Option noch weitere Features (z.B. Sichtbarkeit in Abhängigkeit eines DP) zu implemnetieren.

                    Wie das ganze jetzt funktioniert, ist auf Github bereits dokumentiert:
                    https://github.com/Scrounger/ioBroker.vis-materialdesign#since-version-040

                    Bitte wartet bis ich offziell die Version zum testen freigebe!

                    <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                    <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                    ice987I G A 3 Antworten Letzte Antwort
                    0
                    • ScroungerS Scrounger

                      @gerald123 @Glasfaser @Negalein

                      Github version ist Alpha!
                      Da sind die Änderungen schon drin, Versionsnummer hebe ich aber erst bei Veröffentlichung an, deshalb noch 0.3.30.

                      Ab Version 0.4.x müssen die Untermenüs per JSON erstellt werden, da ich User / Gruppen Berechtigungen implemnetiert habe. Und das bietet die Option noch weitere Features (z.B. Sichtbarkeit in Abhängigkeit eines DP) zu implemnetieren.

                      Wie das ganze jetzt funktioniert, ist auf Github bereits dokumentiert:
                      https://github.com/Scrounger/ioBroker.vis-materialdesign#since-version-040

                      Bitte wartet bis ich offziell die Version zum testen freigebe!

                      ice987I Offline
                      ice987I Offline
                      ice987
                      schrieb am zuletzt editiert von
                      #180

                      @Scrounger

                      Ab Version 0.4.x müssen die Untermenüs per JSON erstellt werden, da ich User / Gruppen Berechtigungen implemnetiert habe. Und das bietet die Option noch weitere Features (z.B. Sichtbarkeit in Abhängigkeit eines DP) zu implementieren.

                      Da bin ich super gespannt drauf, ein Feature das mir schon lange fehlt! :+1: :blush:

                      husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

                      1 Antwort Letzte Antwort
                      0
                      • ScroungerS Scrounger

                        @gerald123 @Glasfaser @Negalein

                        Github version ist Alpha!
                        Da sind die Änderungen schon drin, Versionsnummer hebe ich aber erst bei Veröffentlichung an, deshalb noch 0.3.30.

                        Ab Version 0.4.x müssen die Untermenüs per JSON erstellt werden, da ich User / Gruppen Berechtigungen implemnetiert habe. Und das bietet die Option noch weitere Features (z.B. Sichtbarkeit in Abhängigkeit eines DP) zu implemnetieren.

                        Wie das ganze jetzt funktioniert, ist auf Github bereits dokumentiert:
                        https://github.com/Scrounger/ioBroker.vis-materialdesign#since-version-040

                        Bitte wartet bis ich offziell die Version zum testen freigebe!

                        G Offline
                        G Offline
                        gerald123
                        schrieb am zuletzt editiert von
                        #181

                        @Scrounger Danke für die Info, werde auch dann Updaten wenn sie offiziell ist

                        Synology 918+ 4GB; ioBroker auf RPI4; Zigbee; Sonoff

                        1 Antwort Letzte Antwort
                        0
                        • M Online
                          M Online
                          michihorn
                          schrieb am zuletzt editiert von
                          #182

                          Hallo
                          ich möchte gerne wieder automatisch auf eine bestimmte View in dem Widget8 umschalten.
                          Im Widget8 steht in Objekt "0_userdata.0.materialdesignwidgets.topappbar". Ich habe mal per Script versucht dort einen Wert mit Bezug auf die Wunsch View zu schreiben, klappt aber nicht.
                          Hat jemand einen Tip?
                          Michael

                          1 Antwort Letzte Antwort
                          0
                          • ScroungerS Scrounger

                            @gerald123 @Glasfaser @Negalein

                            Github version ist Alpha!
                            Da sind die Änderungen schon drin, Versionsnummer hebe ich aber erst bei Veröffentlichung an, deshalb noch 0.3.30.

                            Ab Version 0.4.x müssen die Untermenüs per JSON erstellt werden, da ich User / Gruppen Berechtigungen implemnetiert habe. Und das bietet die Option noch weitere Features (z.B. Sichtbarkeit in Abhängigkeit eines DP) zu implemnetieren.

                            Wie das ganze jetzt funktioniert, ist auf Github bereits dokumentiert:
                            https://github.com/Scrounger/ioBroker.vis-materialdesign#since-version-040

                            Bitte wartet bis ich offziell die Version zum testen freigebe!

                            A Offline
                            A Offline
                            afiebig
                            schrieb am zuletzt editiert von
                            #183

                            @Scrounger Top App Bar Menü permanent einblenden
                            Hallo zusammen,
                            mache gerade meine ersten Gehversuche im VIS. Ich habe die Top App Bar gefunden und auch bereits in meine Visualisierung eingebunden. Alles prima...
                            In der Doku zur Top App Bar habe ich gelesen, dass das seitliche Menü auch dauerhaft einblenden lässt. Leider finde ich die entsprechenden Einstellungen in den Widget Menüs nicht.
                            Würde mich freuen, wenn hier jemand Licht ins Dunkel bringen könnte.
                            Vielen Dank
                            Andreas

                            sigi234S 1 Antwort Letzte Antwort
                            0
                            • A afiebig

                              @Scrounger Top App Bar Menü permanent einblenden
                              Hallo zusammen,
                              mache gerade meine ersten Gehversuche im VIS. Ich habe die Top App Bar gefunden und auch bereits in meine Visualisierung eingebunden. Alles prima...
                              In der Doku zur Top App Bar habe ich gelesen, dass das seitliche Menü auch dauerhaft einblenden lässt. Leider finde ich die entsprechenden Einstellungen in den Widget Menüs nicht.
                              Würde mich freuen, wenn hier jemand Licht ins Dunkel bringen könnte.
                              Vielen Dank
                              Andreas

                              sigi234S Online
                              sigi234S Online
                              sigi234
                              Forum Testing Most Active
                              schrieb am zuletzt editiert von
                              #184

                              @afiebig

                              Navigationsleiste Layout Permanent

                              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                              Immer Daten sichern!

                              A 1 Antwort Letzte Antwort
                              0
                              • sigi234S sigi234

                                @afiebig

                                Navigationsleiste Layout Permanent

                                A Offline
                                A Offline
                                afiebig
                                schrieb am zuletzt editiert von
                                #185

                                @sigi234
                                Super!
                                Vielen Dank für die schnelle Hilfe.

                                1 Antwort Letzte Antwort
                                0
                                • M Online
                                  M Online
                                  michihorn
                                  schrieb am zuletzt editiert von
                                  #186

                                  Hallo ich habe in der Top App Bar 13 Menüpunkte angelegt, keine Untermenüs.
                                  Leider dauert das Umschalten auf eine andere View sehr lange. Ich habe die Icon schon in der Größe reduziert, in der Hoffnung das das Laden der andern View beschleunigt wird. Hast Du einen Tip für mich?
                                  Eine weitere Frage: Wie kann die Top App Bar auf Ereignisse reagieren? Beispiel, ich befinde mich gerade in Menü 4 und jemand schellt an der Haustür, dann soll auf Menü 0 umgeschaltet werden. Fein wäre auch ein automatisches Zurück Schalten auf Menü 0 nach einer bestimmten Zeit.
                                  Hat jemand Ratschläge für mich?
                                  Gruß
                                  Michael

                                  WszeneW 1 Antwort Letzte Antwort
                                  0
                                  • M michihorn

                                    Hallo ich habe in der Top App Bar 13 Menüpunkte angelegt, keine Untermenüs.
                                    Leider dauert das Umschalten auf eine andere View sehr lange. Ich habe die Icon schon in der Größe reduziert, in der Hoffnung das das Laden der andern View beschleunigt wird. Hast Du einen Tip für mich?
                                    Eine weitere Frage: Wie kann die Top App Bar auf Ereignisse reagieren? Beispiel, ich befinde mich gerade in Menü 4 und jemand schellt an der Haustür, dann soll auf Menü 0 umgeschaltet werden. Fein wäre auch ein automatisches Zurück Schalten auf Menü 0 nach einer bestimmten Zeit.
                                    Hat jemand Ratschläge für mich?
                                    Gruß
                                    Michael

                                    WszeneW Offline
                                    WszeneW Offline
                                    Wszene
                                    schrieb am zuletzt editiert von
                                    #187

                                    Hallo Zusammen.

                                    Kann mir evtl. jemand sagen oder zeigen wie das mit den Untermenü Punkten funktioniert?

                                    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

                                    Danke im Voraus
                                    Gruß
                                    Marcel

                                    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
                                    ice987I 1 Antwort Letzte Antwort
                                    0
                                    • WszeneW Wszene

                                      Hallo Zusammen.

                                      Kann mir evtl. jemand sagen oder zeigen wie das mit den Untermenü Punkten funktioniert?

                                      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

                                      Danke im Voraus
                                      Gruß
                                      Marcel

                                      ice987I Offline
                                      ice987I Offline
                                      ice987
                                      schrieb am zuletzt editiert von
                                      #188

                                      @Wszene
                                      Nutzt du v0.3.19?

                                      husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

                                      WszeneW 1 Antwort Letzte Antwort
                                      0
                                      • ice987I ice987

                                        @Wszene
                                        Nutzt du v0.3.19?

                                        WszeneW Offline
                                        WszeneW Offline
                                        Wszene
                                        schrieb am zuletzt editiert von
                                        #189

                                        Danke an @liv-in-sky
                                        Hier die Lösung
                                        https://forum.iobroker.net/topic/39447/gelöst-dropdown-oder-hamburger-menü/22

                                        (bis auf das auto-schliessen der Unterpunkte)

                                        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
                                        WszeneW 1 Antwort Letzte Antwort
                                        0
                                        • WszeneW Wszene

                                          Danke an @liv-in-sky
                                          Hier die Lösung
                                          https://forum.iobroker.net/topic/39447/gelöst-dropdown-oder-hamburger-menü/22

                                          (bis auf das auto-schliessen der Unterpunkte)

                                          WszeneW Offline
                                          WszeneW Offline
                                          Wszene
                                          schrieb am zuletzt editiert von Wszene
                                          #190

                                          Hallo Zusammen,

                                          Ich habe ein Problem
                                          Auf meinem Tablet wird das "Hamburger" Menü nicht angezeigt
                                          Ich nutze die ioBroker App
                                          Dort wo das Menü angezeigt werden soll wird auf dem Tablet die 3 Punkte, um zur Einstellung der ioBroker App zu gelangen angezeigt
                                          Auf dem Handy geht es aber

                                          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 ice987I 2 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

                                          848

                                          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