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.
    • carsten04
      carsten04 Developer @Merlin123 last edited by

      @merlin123 Installiere Dir mal das inventwo Icon Set. Da hast Du in der Grundausstattung schon fast alles was Du brauchst und musst auch nicht mehr einzeln hochladen. Die Material Icon - Auswahl kommt noch.

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

        @carsten04 Die hab ich installiert. Aber wenn ich bei einem Deiner Widgets auf den Icon Selector gehe, werden die nicht direkt angezeigt (VIS2). Da muss ich mir den Pfad raussuchen und reinkopieren.
        Oder geht das auch einfacher?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            781
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            23
                                            267
                                            22742
                                            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