Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. vis-2-widgets-collection

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    vis-2-widgets-collection

    This topic has been deleted. Only users with topic management privileges can see it.
    • carsten04
      carsten04 Developer @Merlin123 last edited by

      @merlin123 sagte in vis-2-widgets-collection:

      Muss ich die Icons alle manuell hochladen bzw. den Pfad manuell reinkopieren? Gibt ja Widgets, wo man direkt über den Material Icon Selector was auswählen kann. Finde ich recht praktisch.
      Screenshot 2024-12-20 083958.png

      Du kannst jetzt auch die Material-Icons direkt auswählen.

      Merlin123 2 Replies Last reply Reply Quote 1
      • Merlin123
        Merlin123 @carsten04 last edited by

        @carsten04 Ah klasse! Muss ich morgen mal probieren 🙂

        1 Reply Last reply Reply Quote 0
        • Merlin123
          Merlin123 @carsten04 last edited by

          @carsten04 Klappt! Danke 🙂

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

            Um auch Farbverläufe gut handeln zu können, habe ich für background noch einen passenden Picker spendiert. Bitte testen und hier oder auf GitHub Feedback geben.

            vis-2-widget-button_gradient-color.gif

            Merlin123 1 Reply Last reply Reply Quote 0
            • Merlin123
              Merlin123 last edited by

              Hab mit dem Widget (und auch bei den VIS2 Meßgeräte Widgets) das Problem, dass die Ansicht im Editor nicht mit der in der Runtime übereinstimmt.
              Bei allen anderen Widgets stimmt es. Vielleicht hast Du ne Idee...

              Editor (Windows, Chrome):

              Screenshot 2024-12-23 191831.png

              Laptop (wie Editor):

              Screenshot 2024-12-23 191843.png

              Handy (Android, Chrome)

              WhatsApp Image 2024-12-23 at 19.20.44.jpeg

              1 Reply Last reply Reply Quote 0
              • Merlin123
                Merlin123 @carsten04 last edited by

                @carsten04 Farbverlauf klappt 🙂

                Screenshot 2024-12-23 193109.png

                carsten04 1 Reply Last reply Reply Quote 0
                • carsten04
                  carsten04 Developer @Merlin123 last edited by

                  @merlin123 Schau mal, ob Du alles auf PX beim Widget stehen hast. Default ist bei position relativ und bei width 100%. Wenn Du bei den verschiedenen Endgeräten unterschiedliche Auflösungen hast, dann führt das mit diesen Einstellungen auch zu unterschiedlichen Darstellungen.

                  Wenn es so ähnlich aussieht,

                  9b8c6dfd-a51a-47fc-857f-be9e29f26c41-image.png

                  dann sollte sich auch die Darstellung nicht ändern.

                  Merlin123 2 Replies Last reply Reply Quote 0
                  • Merlin123
                    Merlin123 @carsten04 last edited by

                    @carsten04 Ah! Danke! Das hab ich übersehen.... Bei den meisten ist ja px eingestellt. Geht jetzt 🙂

                    1 Reply Last reply Reply Quote 0
                    • Merlin123
                      Merlin123 @carsten04 last edited by

                      @carsten04 Das Widget hat ja quasi nen Hintergrund (wo auch der Headertext steht) und den "Button" mit dem Icon.
                      Ich habe gerade versucht den Hintergrund in dem grauen Verlauf zu lassen und den Button abhängig vom Wert des Objektes (true/false) zu färben.
                      Ich kann aber nur das ganze Widget färben, oder?

                      carsten04 1 Reply Last reply Reply Quote 0
                      • carsten04
                        carsten04 Developer @Merlin123 last edited by

                        @merlin123 Der Rahmen ist immer farblich zum Inhalt abgestuft, es sei denn Du setzt Elevation auf 0, dann ist die Farbe für Rand und Inhalt identisch.

                        Merlin123 1 Reply Last reply Reply Quote 0
                        • Merlin123
                          Merlin123 @carsten04 last edited by

                          @carsten04 OK. Kannst es ja vielleicht mal als Idee für eine Erweiterung im Hinterkopf behalten, dass man die zwei Bereiche unterschiedlich färben kann. 🙂

                          carsten04 1 Reply Last reply Reply Quote 0
                          • carsten04
                            carsten04 Developer @Merlin123 last edited by

                            @merlin123 Du kannst jetzt Rahmen und Inhalt unterschiedlich einfärben, also auch die Rahmenfarbe beibehalten.

                            vis-2-widget-button_constant-frame-color.gif

                            Ich habe zusätzlich noch geringfügig angepasst und optimiert. Wenn Du testen möchtest, dann Widgets bitte komplett neu anlegen.

                            Merlin123 M 2 Replies Last reply Reply Quote 0
                            • Merlin123
                              Merlin123 @carsten04 last edited by

                              @carsten04 Danke 🙂 Aber wie stell ich das ein? Finde das irgendwie nicht

                              carsten04 1 Reply Last reply Reply Quote 0
                              • carsten04
                                carsten04 Developer @Merlin123 last edited by carsten04

                                @merlin123 sagte in vis-2-widgets-collection:

                                @carsten04 Danke 🙂 Aber wie stell ich das ein? Finde das irgendwie nicht

                                hier:

                                99747781-2e74-4a58-98c6-860e2e2067e0-image.png

                                und auch individuell für jeden Wert, falls vorhanden.

                                Merlin123 1 Reply Last reply Reply Quote 0
                                • Merlin123
                                  Merlin123 @carsten04 last edited by

                                  @carsten04 Er hatte das Update des Adapters irgendwie nicht gemacht. Hab den nochmal von Git geladen, dann hab ich die Settings gesehen. Gehen auch 👍

                                  Was mir aber aufgefallen ist: Ich schaffe es nicht das Icon größer zu machen, ohne dass das grüne Feld auch größer wird. Das soll aber nicht größer werden, aber das Icon soll das besser ausfüllen.
                                  Geht das nicht?

                                  Icon Größe 50

                                  Screenshot 2025-01-11 191906.png

                                  Icon Größe 75

                                  Screenshot 2025-01-11 192203.png

                                  sigi234 carsten04 2 Replies Last reply Reply Quote 0
                                  • sigi234
                                    sigi234 Forum Testing Most Active @Merlin123 last edited by

                                    @merlin123
                                    Da fehlt ein t. 😀

                                    1 Reply Last reply Reply Quote 0
                                    • carsten04
                                      carsten04 Developer @Merlin123 last edited by

                                      @merlin123 sagte in vis-2-widgets-collection:

                                      @carsten04 Er hatte das Update des Adapters irgendwie nicht gemacht. Hab den nochmal von Git geladen, dann hab ich die Settings gesehen. Gehen auch 👍

                                      Was mir aber aufgefallen ist: Ich schaffe es nicht das Icon größer zu machen, ohne dass das grüne Feld auch größer wird. Das soll aber nicht größer werden, aber das Icon soll das besser ausfüllen.
                                      Geht das nicht?

                                      Icon Größe 50

                                      Screenshot 2025-01-11 191906.png

                                      Icon Größe 75

                                      Screenshot 2025-01-11 192203.png

                                      Schau dir mal das Icon mit z.B. Gimp an. Ich vermute mal, das der Transparenzbereich (Alpha-Kanal) um Dein Icon ziemlich groß ist.

                                      Merlin123 1 Reply Last reply Reply Quote 0
                                      • Merlin123
                                        Merlin123 @carsten04 last edited by

                                        @carsten04 Das sind die aus dem Material Icon Selector.... Keine Ahnung, wie ich mir die einzeln anschauen kann

                                        @sigi234 ups. Danke 😉 War so auf das Icon fokusiert, dass ich das übersehen hab 😛

                                        carsten04 1 Reply Last reply Reply Quote 0
                                        • carsten04
                                          carsten04 Developer @Merlin123 last edited by

                                          @merlin123 sagte in vis-2-widgets-collection:

                                          @carsten04 Das sind die aus dem Material Icon Selector.... Keine Ahnung, wie ich mir die einzeln anschauen kann

                                          @sigi234 ups. Danke 😉 War so auf das Icon fokusiert, dass ich das übersehen hab 😛

                                          Es gab auch noch einen CSS-Fehler. Jetzt sollte alles funktionieren wie erwartet.

                                          Merlin123 1 Reply Last reply Reply Quote 0
                                          • Merlin123
                                            Merlin123 @carsten04 last edited by

                                            @carsten04 Geht 🙂 Ein Träumchen

                                            Screenshot 2025-01-12 114506.png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            548
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            25
                                            274
                                            27352
                                            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