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
    17
    1
    2.0k

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

  • 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.
  • A aldoa1

    @Glasfaser

    Ich habe Gestern begonnen.

    index ist mein StartView

    Da habe ich die Top-Navigation und die ContainerView8

    Bei Top-Navigation habe ich eingetragen:
    Startseite
    Heizung

    Bei ContainerView8
    dann der View für die Starseite und der View für die Heizung.

    Die Navigation funktioniert.Beim Aufruf sehe ich ganz kurz den View der Startseite und dann ist nur noch die Top-Navigation zu sehen (unten weiss).
    Den View Startseite kann ich im Menü aufrufen. Dieser View soll aber sofort sichtbar sein.

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

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

    index ist mein StartView

    kommt mir bekannt vor .
    smarthome-tricks.de

    Eigentlich sehr gut erklärt .. verstehe nur nicht was du mit "zuckt ganz kurz " meinst ..
    Das View wird angezeigt und verschwindet sofort !?

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

    A 1 Reply Last reply
    0
    • GlasfaserG Glasfaser

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

      index ist mein StartView

      kommt mir bekannt vor .
      smarthome-tricks.de

      Eigentlich sehr gut erklärt .. verstehe nur nicht was du mit "zuckt ganz kurz " meinst ..
      Das View wird angezeigt und verschwindet sofort !?

      A Offline
      A Offline
      aldoa1
      wrote on last edited by
      #158

      @Glasfaser
      Nach dieser Seite habe ich es gestern erstellt.

      Ja, der View wird ganz kurz angezeigt und verschwindet dann sofort.

      GlasfaserG 1 Reply Last reply
      0
      • A aldoa1

        @Glasfaser
        Nach dieser Seite habe ich es gestern erstellt.

        Ja, der View wird ganz kurz angezeigt und verschwindet dann sofort.

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

        @aldoa1

        Das wechseln der View wir durch den gemeinsamen Datenpunkt gesteuert,
        verändert der sich dann auch selbstständig bzw. zuckt .

        Hast du nur die "index "View , auf default gestellt.

        1.JPG

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

        A 1 Reply Last reply
        0
        • GlasfaserG Glasfaser

          @aldoa1

          Das wechseln der View wir durch den gemeinsamen Datenpunkt gesteuert,
          verändert der sich dann auch selbstständig bzw. zuckt .

          Hast du nur die "index "View , auf default gestellt.

          1.JPG

          A Offline
          A Offline
          aldoa1
          wrote on last edited by
          #160

          @Glasfaser
          Der Datenpunkt ist angelegt. Normalerweise soll der 0 gestartet werden. Das ist der View mit dem Material Grid. Der 1 ist ein (noch) leerer View "Heizung".
          Stelle ich auf die 1 und öffne die Seite wird sofort unter dem Menü der Heizung view auch angezeigt.

          Der 0 mit dem Grid scheint Probleme zu machen. Der ist ganz kurz zu sehen und verschwindet dann. Ist aber sichtbar, wenn ich über das Menü öffne.

          1 Reply Last reply
          0
          • A Offline
            A Offline
            aldoa1
            wrote on last edited by
            #161

            Wenn ich zwei (nicht-Grid) Views einbinde, funktioniert es auch.

            1 Reply Last reply
            0
            • G Offline
              G Offline
              gerald123
              wrote on last edited by
              #162

              Ich benötge mal wieder Hilfe bei der Einrichtung der Top-Bar-Navigation.
              Ich habe den MD Adaper installiert und hier wird die Version 0.3.30 angezeigt.
              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.
              Leider schaffe ich es nicht mit der Anleitung von GitHub.
              Es werden zwar die Untermenüpunkte in der Vis angezeigt, wenn ich dann einen anwähle wird ein View aufgerufen den ich aber nicht angegeben habe.
              9524cf5f-be6b-486d-acc4-1eef7af63f4c-image.png

              Was mach ich da nur Falsch?

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

              GlasfaserG 1 Reply Last reply
              0
              • G gerald123

                Ich benötge mal wieder Hilfe bei der Einrichtung der Top-Bar-Navigation.
                Ich habe den MD Adaper installiert und hier wird die Version 0.3.30 angezeigt.
                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.
                Leider schaffe ich es nicht mit der Anleitung von GitHub.
                Es werden zwar die Untermenüpunkte in der Vis angezeigt, wenn ich dann einen anwähle wird ein View aufgerufen den ich aber nicht angegeben habe.
                9524cf5f-be6b-486d-acc4-1eef7af63f4c-image.png

                Was mach ich da nur Falsch?

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

                @gerald123
                Zeige mal die Einstellung vom Widget "View in Widget 8"

                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
                  Zeige mal die Einstellung vom Widget "View in Widget 8"

                  G Offline
                  G Offline
                  gerald123
                  wrote on last edited by
                  #164

                  @Glasfaser Das habe ich mal Testweise so angelegt:

                  a48fb3da-8cd8-4e9b-a91c-2a143aec2753-image.png

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

                  GlasfaserG 2 Replies Last reply
                  0
                  • G gerald123

                    @Glasfaser Das habe ich mal Testweise so angelegt:

                    a48fb3da-8cd8-4e9b-a91c-2a143aec2753-image.png

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

                    @gerald123

                    der zwei Untermenüpunkte hat.

                    Heizung und System sind dann in 4 ?

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

                    1 Reply Last reply
                    0
                    • G gerald123

                      @Glasfaser Das habe ich mal Testweise so angelegt:

                      a48fb3da-8cd8-4e9b-a91c-2a143aec2753-image.png

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

                      @gerald123

                      hier fehlt auch der gemeinsame Datenpunkt zum Umschalten .

                      1.JPG

                      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

                        hier fehlt auch der gemeinsame Datenpunkt zum Umschalten .

                        1.JPG

                        G Offline
                        G Offline
                        gerald123
                        wrote on last edited by
                        #167

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

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

                        GlasfaserG NegaleinN 2 Replies Last reply
                        0
                        • G gerald123

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

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

                          @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

                          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
                          • 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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          743

                                          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