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

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    1.9k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    918

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Material Design Widgets: Top App Bar Widget

Scheduled Pinned Locked Moved Visualisierung
vis
412 Posts 74 Posters 94.1k Views 79 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.
  • G gerald123

    @Glasfaser Muss ich hier einen Datenpunkt manuell anlegen (String)?
    Ja, Heizung und System sollen die Untermenüpunkte im Menüpunkt 4 sein.

    NegaleinN Offline
    NegaleinN Offline
    Negalein
    Global Moderator
    wrote on last edited by
    #169

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

    Muss ich hier einen Datenpunkt manuell anlegen (String)?

    Ja, typ number

    ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
    ° Node.js Fixer ---> iob nodejs-update
    ° Fixer ---> iob fix

    GlasfaserG 1 Reply Last reply
    0
    • NegaleinN Negalein

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

      Muss ich hier einen Datenpunkt manuell anlegen (String)?

      Ja, typ number

      GlasfaserG Offline
      GlasfaserG Offline
      Glasfaser
      wrote on last edited by Glasfaser
      #170

      @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 .

      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 Reply Last reply
      0
      • 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
        wrote on last edited by
        #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 & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
        ° Node.js Fixer ---> iob nodejs-update
        ° Fixer ---> iob fix

        GlasfaserG 1 Reply Last reply
        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
          wrote on last edited by
          #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 Reply Last reply
          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
            wrote on last edited by
            #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 Reply Last reply
            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
              wrote on last edited by
              #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 Reply Last reply
              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
                wrote on last edited by
                #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 Reply Last reply
                -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
                  wrote on last edited by
                  #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 & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
                  ° Node.js Fixer ---> iob nodejs-update
                  ° Fixer ---> iob fix

                  1 Reply Last reply
                  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
                    wrote on last edited by
                    #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 Reply Last reply
                    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
                      wrote on last edited by
                      #178

                      @Glasfaser Danke, werde ich gleich mal Testen

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

                      ScroungerS 1 Reply Last reply
                      0
                      • G gerald123

                        @Glasfaser Danke, werde ich gleich mal Testen

                        ScroungerS Offline
                        ScroungerS Offline
                        Scrounger
                        Developer
                        wrote on last edited by
                        #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!

                        ice987I G A 3 Replies Last reply
                        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
                          wrote on last edited by
                          #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 Reply Last reply
                          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
                            wrote on last edited by
                            #181

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

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

                            1 Reply Last reply
                            0
                            • M Offline
                              M Offline
                              michihorn
                              wrote on last edited by
                              #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 Reply Last reply
                              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
                                wrote on last edited by
                                #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 Reply Last reply
                                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
                                  wrote on last edited by
                                  #184

                                  @afiebig

                                  Navigationsleiste Layout Permanent

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

                                  A 1 Reply Last reply
                                  0
                                  • sigi234S sigi234

                                    @afiebig

                                    Navigationsleiste Layout Permanent

                                    A Offline
                                    A Offline
                                    afiebig
                                    wrote on last edited by
                                    #185

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

                                    1 Reply Last reply
                                    0
                                    • M Offline
                                      M Offline
                                      michihorn
                                      wrote on last edited by
                                      #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 Reply Last reply
                                      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
                                        wrote on last edited by
                                        #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 Reply Last reply
                                        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
                                          wrote on last edited by
                                          #188

                                          @Wszene
                                          Nutzt du v0.3.19?

                                          husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

                                          WszeneW 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

                                          744

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          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