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

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    vis-2-widgets-collection

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

      @merlin123

      Das geht einfacher.
      Icon.png

      Bin auch gerade am Testen.
      Und was ich bis jetzt sehe gefällt mir. 👍

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

        @iobrokermike Ah... Dank Dir.... Hatte nicht in der Ansicht nach unten gescrollt und nur meine hochgeladenen Bilder gesehen.... 😛

        1 Reply Last reply Reply Quote 0
        • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            494
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            24
                                            269
                                            24528
                                            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