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.
    • Glasfaser
      Glasfaser @CKMartens last edited by

      @ckmartens

      Mhh ... funktioniert.

      Habe auch das VIS Projekt von dos1973 importiert ,
      gemeinsamen Datenpunkt in TopAppBar und im View in Widget 8 eingetragen , funktioniert.

      CKMartens 1 Reply Last reply Reply Quote 0
      • CKMartens
        CKMartens @Glasfaser last edited by CKMartens

        @glasfaser sehr seltsam. Ich schau morgen mal was der Debuger vom Browser ausgibt

        Glasfaser Scrounger 2 Replies Last reply Reply Quote 0
        • Glasfaser
          Glasfaser @CKMartens last edited by

          @ckmartens

          Schau mal nach , wie sich der gemeinsame Datenpunkt verändert , beim umschalten und dann wenn der Fehler kommt auf welchen Wert er springt .

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

            @ckmartens
            Welche Version vom vis Adapter hast du?

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

              @scrounger
              VIS ist 1.3.7
              Und Web 3.3.0

              1 Reply Last reply Reply Quote 0
              • CKMartens
                CKMartens @Glasfaser last edited by

                @glasfaser er springt immer auf 0 zurück. Auch wenn ich den Wert händisch eingebe. Im Fallback ist egal was steht. Kann da z. B. 2 eintragen und es geht trotzdem auf 0

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

                  @ckmartens

                  beim view in widget 8 ist
                  e46d5af5-ddc6-4f92-8177-64e06187909b-grafik.png
                  aktiviert?

                  brauch das consolen log (F12) zur runtime, wenn das phänomen auftritt.

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

                    @scrounger
                    Ja, ist aktiviert.
                    Ich stelle das Log Montage rein, am Wochenende komme ich nicht dazu. GöGa hat Aufgaben verteilt 🤷‍♂️

                    Scrounger Glasfaser 2 Replies Last reply Reply Quote 0
                    • Scrounger
                      Scrounger Developer @CKMartens last edited by

                      @ckmartens
                      Versuch davor Mal noch das Widget komplett neu zu erstellen

                      CKMartens 1 Reply Last reply Reply Quote 0
                      • Glasfaser
                        Glasfaser @CKMartens last edited by

                        @ckmartens

                        Ich habe noch mal getestet ... ich finde kein Fehler .

                        Ich habe mal ein Test Projekt erstellt .

                        Teste es mal bei dir :

                        ( den gemeinsamen Datenpunkt bei beiden Widgets ergänzen )

                        2021-02-06-zumBasteln.zip

                        1.JPG

                        1 Reply Last reply Reply Quote 1
                        • Negalein
                          Negalein Global Moderator @Glasfaser last edited by

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

                          111111111111111111111111111111111111111.JPG

                          Servus

                          Wie schaffst du im Widget den Verlauf für den Hintergrund?

                          Trag ich es so ein, wird der Hintergrund transparent.
                          Screenshot 2021-02-12 173249.png

                          Glasfaser 1 Reply Last reply Reply Quote 0
                          • Glasfaser
                            Glasfaser @Negalein last edited by

                            @negalein

                            Bitteschön 😉

                            /**Top App Bar Hintergrund und Auswahlbutton @Glasfaser**/
                            .mdc-drawer {
                            
                                background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
                            }
                            
                            .mdc-top-app-bar {
                                  background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
                            }
                            
                            
                            Negalein 1 Reply Last reply Reply Quote 0
                            • Negalein
                              Negalein Global Moderator @Glasfaser last edited by

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

                              Bitteschön

                              Dankeschön 🙂

                              Und lässt du dann das Feld "Hintergrund" einfach leer?

                              Glasfaser 1 Reply Last reply Reply Quote 0
                              • Glasfaser
                                Glasfaser @Negalein last edited by

                                @negalein
                                Ja , lasse alles bei dem "Widget CSS Hintergrund Einstellungen " alles leer.

                                Negalein 1 Reply Last reply Reply Quote 0
                                • Negalein
                                  Negalein Global Moderator @Glasfaser last edited by Negalein

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

                                  Ja , lasse alles bei dem "Widget CSS Hintergrund Einstellungen " alles leer.

                                  bräuchte nochmal deine Hilfe 🙂

                                  Ich würde gern den Hintergrund in zB Schwarz haben.
                                  Finde aber nicht den passenden Menüpunkt.
                                  Screenshot 2021-02-13 000607.png

                                  Und ist das normal? Version ist aktuell. Das steht bei jedem Feld für Schriftart und Farbe.


                                  Screenshot_2021-02-13 Edit vis.png
                                  Screenshot_2021-02-13 Edit vis(1).png
                                  Screenshot_2021-02-13 Edit vis(2).png
                                  Screenshot_2021-02-13 Edit vis(3).png
                                  Screenshot_2021-02-13 Edit vis(4).png
                                  Screenshot_2021-02-13 Edit vis(5).png

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

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

                                    Und ist das normal? Version ist aktuell. Das steht bei jedem Feld für Schriftart und Farbe.

                                    Ja das sind die Bindings für die themes die du über Adapter settings konfigurieren kannst.
                                    Einfach nach Top App Bar Filtern und dort dann Farben, Schriftart und Schriftgröße einstellen:

                                    cc1ef8f2-12f3-4a2d-b5f3-c3fb749e5859-grafik.png

                                    1 Reply Last reply Reply Quote 0
                                    • Horst Böttcher
                                      Horst Böttcher last edited by

                                      Wie kann ich das lösen View schaut durchs Menü
                                      wnn ich den den Z-indedx verändere kann ich nicht mehr schalten aber dann wird es Richtig angezeigt
                                      4164c8c359e83cde281dee8f75190a68.png

                                      Negalein 1 Reply Last reply Reply Quote 0
                                      • Negalein
                                        Negalein Global Moderator @Horst Böttcher last edited by

                                        @horst-böttcher sagte in Material Design Widgets: Top App Bar Widget:

                                        Wie kann ich das lösen View schaut durchs Menü

                                        wie ist der Z-Index vom Menü und von dem was durchscheint?
                                        Du musst mit dem Menü höher gehen.

                                        Horst Böttcher 1 Reply Last reply Reply Quote 0
                                        • Horst Böttcher
                                          Horst Böttcher @Negalein last edited by

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

                                          @horst-böttcher sagte in Material Design Widgets: Top App Bar Widget:

                                          Wie kann ich das lösen View schaut durchs Menü

                                          wie ist der Z-Index vom Menü und von dem was durchscheint?
                                          Du musst mit dem Menü höher gehen.

                                          Wenn ich den Z index erhöhe kann ich in den views nicht mehr schalten

                                          Negalein 1 Reply Last reply Reply Quote 0
                                          • Negalein
                                            Negalein Global Moderator @Horst Böttcher last edited by

                                            @horst-böttcher sagte in Material Design Widgets: Top App Bar Widget:

                                            Wenn ich den Z index erhöhe kann ich in den views nicht mehr schalten

                                            schick mir mal einen Export der View oder des ganzen Projekts.

                                            Horst Böttcher 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            817
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            74
                                            412
                                            65968
                                            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