Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: Top App Bar Widget

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Widgets: Top App Bar Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • Iccube
      Iccube last edited by Iccube

      @Scrounger habe immer noch das Problem wenn ich die Schrift-family für alle widgets ändere, das der NAV Button verschwinden.
      Wie kann ich das wieder ändern.
      das.png test.png

      Scrounger 1 Reply Last reply Reply Quote 0
      • Scrounger
        Scrounger Developer @Iccube last edited by

        @Icube

        Problem ist das du die Schriftart überschreibst und die Material Icons halt auch ne Schriftart sind.
        Musst dann entsprechnd ausnahmen angeben, z.B. so

        .materialdesign-widget *:not(.mdc-top-app-bar__navigation-icon) {
            font-family: Jura-DemiBold !important;
        }
        
        Iccube 1 Reply Last reply Reply Quote 2
        • Iccube
          Iccube @Scrounger last edited by

          @Scrounger danke funktioniert
          bist der beste 👍

          1 Reply Last reply Reply Quote 0
          • Scrounger
            Scrounger Developer last edited by Scrounger

            @Oli sagte in Test Adapter Material Design Widgets v0.2.x:

            @Scrounger

            ich habe leider immer noch das Problem, dass ich auf der Navigationsseite keine Popup Fenster öffnen oder Button betätigen kann.

            Ein Teil meines Projektes füge ich bei, wäre schön, wenn du es dir mal anschauen könntest.

            Bei einem Klick auf Warnungen DWD sollte es eigentlich so aussehen:
            dfdda0b6-1e0c-4ff4-976d-1e9ff0f8ee2c-image.png

            2020-01-27-Mein.zip

            Vielen Dank

            z-index unter css allgemein löschen, dann funktioniert es
            50b90265-230c-4c9e-a3ed-393db467b9ff-grafik.png

            z-index muss beim TopAppBar Widget für Top App Bar und Navigationsleiste wie folgt eingestellt werden - Navigationsleiste muss größer sein!

            12cdd7fe-9a66-4bf0-a280-6887a9bb7c9e-grafik.png

            O 1 Reply Last reply Reply Quote 0
            • O
              Oli @Scrounger last edited by

              @Scrounger

              wenn ich den Z-Index in der Top App Bar und im View im Widget 8 lösche, ist die Top App Bar hinterm View im Widget 8, oder habe ich dich falsch verstanden?

              Scrounger 1 Reply Last reply Reply Quote 0
              • Scrounger
                Scrounger Developer @Oli last edited by

                @Oli
                Deshlab musst du ja auch wie im zweiten Screenshot zu sehen ist, z-index für die TopAppBar einstellen.

                O 1 Reply Last reply Reply Quote 0
                • O
                  Oli @Scrounger last edited by

                  @Scrounger

                  das habe ich auch gemacht

                  58be143d-7822-4669-b1d2-c4535bd4937c-image.png

                  Mit folgenden Ergebiss
                  7f63290c-57cb-49b8-87dd-7d91495bc0d8-image.png

                  Scrounger C 2 Replies Last reply Reply Quote 0
                  • Scrounger
                    Scrounger Developer @Oli last edited by

                    @Oli
                    Dann hast noch irgendwo z-indizies die höher sind.

                    1 Reply Last reply Reply Quote 0
                    • Stephan Schleich
                      Stephan Schleich last edited by Stephan Schleich

                      Ich habe ein Problem mit der Top App Bar in Kombi mit dem View 8.

                      ich leg in der Top Bar App eine Menü mit Subitems an ({"itemText": "Bus / Bahn", "subItems": ["Bus", "Bahn"]}) und weise diese danach im View 8 dementsprechend zu, jedoch bleibt die View immer leer.
                      Weiß jemand warum?

                      App Bar:
                      4cf778d7-81c0-42ac-ba30-d59d664429a4-image.png

                      View8:
                      47b95db0-6e00-48fa-825d-aca2a81a0abc-image.png

                      Scrounger 1 Reply Last reply Reply Quote 0
                      • Scrounger
                        Scrounger Developer @Stephan Schleich last edited by

                        @Stephan-Schleich
                        Ist beiden widgets die gleiche Objekt ID eingetragen? Der Datenpunkt muss vom Typ Numbers sein.

                        Stephan Schleich 1 Reply Last reply Reply Quote 0
                        • Stephan Schleich
                          Stephan Schleich @Scrounger last edited by Stephan Schleich

                          @Scrounger "Gleiche ID" ist nur für Testzwecke, unterschiedliche wurden auch getestet.
                          Datenpunkt sollte auch passen, sonst würden die anderen Navi Punkte nicht gehen, oder wird für Submenüs ein eigener DP benötigt, dann liegt dort der Fehler und ich hab das übersehen?

                          Der Datenpunkt bekommt auch den richtigen Wert, nur die View wird nicht gezeigt.

                          1 Reply Last reply Reply Quote 0
                          • K
                            Kuddel last edited by

                            Hallo zusammen,

                            ich habe gestern angefangen das Design meiner VIS Link Text ein bisschen zu verbessern.

                            Als ersten Schritt woltte ich mir ein neues Menü bauen. Dazu habe ich das Widget "Top Add Bar Navigation Drawer" ausgewählt:

                            a34f8d36-8573-4a42-b7ed-48371a66a161-grafik.png

                            Jetzt stellt sich mir die Frage, ob sich die Menüpunkte (in meinem Beispiel "System") irgenwie wieder automatisch schließen lassen.
                            Aktuell werden die Unterpunkte nach dem Aufblättern immer angezeogt und müssen per erneutem klick wiede rzugeblättert werden.

                            Des Weiteren frage ich mich, wie man jetzt die einezelnen Seiten über den FullyBrowser ansteuern kann, da ja alle Seiten per View in Widget 8 angezeigt werden sich bei mir dann der Seitenlink nicht ändert.

                            Im Moment übergebe ich bei Ereignis XY immer die Adresse der jeweiligen Seiten an mein Tablet per FullyKioskBrowser.

                            K M 2 Replies Last reply Reply Quote 0
                            • Stephan Schleich
                              Stephan Schleich last edited by

                              @Kuddel klappen bei dir die Submenü links?

                              K 1 Reply Last reply Reply Quote 0
                              • K
                                Kuddel @Stephan Schleich last edited by

                                @Stephan-Schleich was meinst du mit klappen ?

                                Ob die Navigation funktioniert ? Ja in Verbindung mit dem "View in Widget 8" Widget

                                Stephan Schleich 1 Reply Last reply Reply Quote 0
                                • Stephan Schleich
                                  Stephan Schleich @Kuddel last edited by

                                  @Kuddel Ob sich das Submenü in der View verlinken lässt, da dies bei mir stetzt ohne Funktion bleibt trotz Verlinkung (Post über dir). Bin langsam echt ratlos.

                                  K 1 Reply Last reply Reply Quote 0
                                  • K
                                    Kuddel @Stephan Schleich last edited by

                                    @Stephan-Schleich ja bei mir funtionieren die Untermenüs wie sie sollen

                                    1 Reply Last reply Reply Quote 0
                                    • M
                                      mctom last edited by mctom

                                      Hallo zusammen,

                                      ich versuche gerade auf das Menü in meine neuen Views einzubauen.
                                      Leider bekomme ich das Menü nicht auf 100%.

                                      So sieht es aktuelle aus:
                                      2020-02-14 15_03_56-Window.png

                                      Hier meine Einstellungen dazu:
                                      2020-02-14 15_01_16-Window.png

                                      Woran kann dies liegen? Was kann ich noch probieren ?

                                      Gruß

                                      Michael


                                      Lösung: 15.02.2020
                                      Habe es gefunden. Wenn ich bei den Standard Einstellungen des Widgets auf 100% gehe funktioniert es.

                                      1 Reply Last reply Reply Quote 0
                                      • Stephan Schleich
                                        Stephan Schleich last edited by Stephan Schleich

                                        delete me

                                        1 Reply Last reply Reply Quote 0
                                        • K
                                          Kuddel @Kuddel last edited by

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

                                          Hallo zusammen,

                                          ich habe gestern angefangen das Design meiner VIS Link Text ein bisschen zu verbessern.

                                          Als ersten Schritt woltte ich mir ein neues Menü bauen. Dazu habe ich das Widget "Top Add Bar Navigation Drawer" ausgewählt:

                                          a34f8d36-8573-4a42-b7ed-48371a66a161-grafik.png

                                          Jetzt stellt sich mir die Frage, ob sich die Menüpunkte (in meinem Beispiel "System") irgenwie wieder automatisch schließen lassen.
                                          Aktuell werden die Unterpunkte nach dem Aufblättern immer angezeogt und müssen per erneutem klick wiede rzugeblättert werden.

                                          Des Weiteren frage ich mich, wie man jetzt die einezelnen Seiten über den FullyBrowser ansteuern kann, da ja alle Seiten per View in Widget 8 angezeigt werden sich bei mir dann der Seitenlink nicht ändert.

                                          Im Moment übergebe ich bei Ereignis XY immer die Adresse der jeweiligen Seiten an mein Tablet per FullyKioskBrowser.

                                          @Scrounger was sagt der Experte ? Möchte ungern das neue Menü erstllen und dann feststellen, dass ich die Seiten auf dem Tablet nicht mehr steuern kann.

                                          Scrounger 1 Reply Last reply Reply Quote 0
                                          • Scrounger
                                            Scrounger Developer @Kuddel last edited by

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

                                            Jetzt stellt sich mir die Frage, ob sich die Menüpunkte (in meinem Beispiel "System") irgenwie wieder automatisch schließen lassen.
                                            Aktuell werden die Unterpunkte nach dem Aufblättern immer angezeogt und müssen per erneutem klick wiede rzugeblättert werden.

                                            Geht nicht, müssen manuell zugeklappt werden.

                                            Des Weiteren frage ich mich, wie man jetzt die einezelnen Seiten über den FullyBrowser ansteuern kann, da ja alle Seiten per View in Widget 8 angezeigt werden sich bei mir dann der Seitenlink nicht ändert.

                                            Im Moment übergebe ich bei Ereignis XY immer die Adresse der jeweiligen Seiten an mein Tablet per FullyKioskBrowser.

                                            @Scrounger was sagt der Experte ? Möchte ungern das neue Menü erstllen und dann feststellen, dass ich die Seiten auf dem Tablet nicht mehr steuern kann.

                                            Ich versteh die Frage nicht. Wieso sollte die Steuerung auf dem Tablet nicht mehr funktionieren?
                                            Falls du damit meinst, dass du für Desktop und Tablet verschiedene Views erstellt hast, gibt es zwei möglichkeiten. Je für Desktop und Tablet verschiedene Startseiten erstellen mit TopAppBar + View in Widget 8. Alternativ kannst auch das Masnory oder Grid Widget verwenden, damit kann man ein responsiv layout erstellen - also ein Layout für Dekstop Handy und Tablet.

                                            K 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            808
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            74
                                            412
                                            63753
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo