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.
    • Negalein
      Negalein Global Moderator @wendy2702 last edited by

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

      Spannend, bei mir nicht mit FF:

      Enter drücken.......dann kommts

      wendy2702 1 Reply Last reply Reply Quote 1
      • wendy2702
        wendy2702 @Negalein last edited by

        @negalein Das hat aber mal anders/besser funktioniert

        a9a3f636-c45c-45e4-903e-5b969807bcbf-image.png

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

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

          Das hat aber mal anders/besser funktioniert

          kenn ich nur so.

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

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

            @carsten04

            ich trau mich eigentlich schon gar nicht mehr das Thema Dialog anzusprechen (da ich scheinbar der einzige bin der das aktiv nutzt und hier ständig "wünsch-dir-was spielt"), aber besteht die Möglichkeit dem Dialog optional auch eine feste Breite und Höhe mitgeben zu können? Ich habe jetzt bei der Ablösung der MaterialDesignWidgets von Scrounger festgestellt, dass ich auch einige Dialoge im Projekt habe die auf eine feste Breite eingestellt sind (meist Einstellungsfenster bei denen nur 3-4 Buttons oder Werte drin versteckt sind). Da reicht ein kleiner Dialog, aber wenn ich 20% eingebe, dann sehe ich das am Handy nicht mehr. Ein Binding in dem Feld funktioniert nicht, da er dort ebenfalls die gelieferte Zahl als % annimmt.

            Es gibt eine neue Version v1.7.7 mit einigen Optimierungen unter der Haube und der Möglichkeit dem Dialog-Widget eine Breite / Höhe in Pixel mitzugeben.

            871e8332-082d-4d44-80a1-98823435344d-image.png

            T 1 Reply Last reply Reply Quote 1
            • T
              topsurfer @carsten04 last edited by

              @carsten04
              Hallo,
              habe gerade mal ein Restore von Backitup getestet,
              hat alles widerhergestellt, nur die Widgets-Collection funktionieren nicht 😞

              Nutze die Version von 1.7.5 von der Collection, von Backitup die aktuellste (3.0.31).

              vis.2 läuft natürlich, unter Instance wird die Widget-Collection auch aufgeführt.

              Getestet (2x) hab ich so:

              • VM Fullbackup erstellt
              • Backitup
              • Kleine Änderungen im Dashboard und an Scripten gemacht
              • Zuvor erstelltes Backitup restored.

              Gewartet (> 1h ?), alle Adapter konnten wieder gestartet werden, aber im Dashboard sind alle Widgets von der "Widgets-Collection" nicht verfügbar (alle anderen sind da!)

              Ist die Widgets Collection nicht mit Backitup kompatibel, oder wie könnte ich das Problem lösen?
              Funktioniert bei anderen Backitup mit der Widget-Collection?

              widgets-fehlen_2025-04-02_155328.png

              carsten04 Neuschwansteini 2 Replies Last reply Reply Quote 0
              • carsten04
                carsten04 Developer @topsurfer last edited by

                @topsurfer Zu Backitup kann ich Dir nichts sagen, da das nicht mein Adapter ist. Die Collection-Widgets haben eigentlich nichts Besonderes und sind "ganz normal" mit React entwickelt worden. Werden Dir denn nach dem Restore in der Vis-2 die Collection-Widgets zur Auswahl angeboten?

                Für die Widgets empfehle ich Dir die aktuelle v1.7.7 zu nutzen, da sich unter der Haube einiges getan hat und ich noch einige kleinere Bugs behoben habe.

                1 Reply Last reply Reply Quote 1
                • Neuschwansteini
                  Neuschwansteini @topsurfer last edited by

                  @topsurfer

                  wie hast du denn dein Repo eingestellt? Steht das default auf latest, der Adapter mit den Widgets ist noch nicht im stable, sofern ich das hier sehe...
                  Wahrscheinlich musst du einfach nach dem Restore einmal auf latest stellen, den Adapter hier installieren, und dann wieder auf Stable zurueck..

                  T 1 Reply Last reply Reply Quote 1
                  • T
                    topsurfer @Neuschwansteini last edited by

                    OK,
                    hab über benutzerdefinierte URL die Version 1.7.7 installiert, jetzt schaut es wieder gut aus.
                    Um zu testen, ob die Collections-Widgets zur Auswahl geständen hätte müsste ich nochmal ein restore anstoßen ... dauert wirklich Stunde(n) bis er alles wiederhergestellt hat.
                    Aber ich denke es liegt daran, das er nur die stable Repo sind.

                    Danke euch!

                    1 Reply Last reply Reply Quote 0
                    • T
                      topsurfer last edited by

                      Hallo,
                      kurze Frage, aktuell nutze ich hqwidget - On/Off um Lampen ein/(ausszuschalten.
                      Habe jetzt verschiedene aus der Collection getestet, aber so einen "einfachen Button" (Taster), der je nach Zustand die Farbe ändert und nur gedrückt werden kann (ohne weitere Auswahl/Abfrage dann ) nicht gefunden.
                      Welcher wäre der passende (falls so was möglich ist ...), txh!
                      2025-04-03_171651.png

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

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

                        Hallo,
                        kurze Frage, aktuell nutze ich hqwidget - On/Off um Lampen ein/(ausszuschalten.
                        Habe jetzt verschiedene aus der Collection getestet, aber so einen "einfachen Button" (Taster), der je nach Zustand die Farbe ändert und nur gedrückt werden kann (ohne weitere Auswahl/Abfrage dann ) nicht gefunden.
                        Welcher wäre der passende (falls so was möglich ist ...), txh!
                        2025-04-03_171651.png

                        Das machst Du mit dem Zustand-Widget, indem Du "Nur Zustände" wählst. Bei zwei Werten verhält sich das Zustand-Widget wie ein Switch, bei einem Wert wie ein Button.

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

                          @carsten04
                          OK, muss ich morgen weiter testen, noch gehts nicht.
                          Das Objekt sieht so aus, die Einstellung im hq-widget ist "einfach" bei Wert min=false, bei max=true (und es geht bzw. schaltet incl. Änderung der Farbe)

                          2025-04-03_195737.png

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

                            Mir ist gestern aufgefallen, dass sich was geändert hat.
                            Zum einen wird das Icon nicht nur auf dem Button angezeigt, sondern auch in der rechten oberen Ecke, zum anderen schaltet er beim Click nicht einfach um, sondern es kommt ein Pop-up.
                            Bevor ich jetzt wild probiere:

                            Was muss ich da ändern?

                            WhatsApp Image 2025-04-04 at 07.53.38.jpeg

                            WhatsApp Image 2025-04-04 at 07.53.38 (1).jpeg

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

                              @merlin123

                              Zeig mal die Einstellungen und welches Widgets nimmst du?

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

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

                                Mir ist gestern aufgefallen, dass sich was geändert hat.
                                Zum einen wird das Icon nicht nur auf dem Button angezeigt, sondern auch in der rechten oberen Ecke, zum anderen schaltet er beim Click nicht einfach um, sondern es kommt ein Pop-up.
                                Bevor ich jetzt wild probiere:

                                Was muss ich da ändern?

                                WhatsApp Image 2025-04-04 at 07.53.38.jpeg

                                --> Unter Allgemein "Icongröße auf 0 stellen und bei den Werten die jeweils gewünschte Icongröße einstellen.

                                Tipp: Einstellungen erfolgen immer vom "Allgemeinen ins Spezielle", dort wo sich Werte überschreiben lassen (bis auf ganz wenige, hoffentlich intuitive, Ausnahmen). D.h. "Aktiv (bei Button-Gruppe und Schieberegler)" überschreibt "Wert", "Wert" überschreibt "Zustand (== spezielle Widget-Einstellung)", ""Zustand" überschreibt "Allgemein", "Allgemein" überschreibt "CSS-Einstellungen".

                                WhatsApp Image 2025-04-04 at 07.53.38 (1).jpeg

                                --> Unter Zustand "Nur Zustände" wählen. Bei zwei Werten verhält sich das Zustand-Widget wie ein Switch, bei einem Wert wie ein Button. Ab dem dritten Wert erscheint immer die Auswahl.

                                Hinweis: Durch das benannte Prinzip, sind sehr individuelle Einstellungen möglich, wie dieses sinnvolle Sliderwidget beispielhaft zeigt:

                                demo_slider_forum.gif

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

                                  Es gibt eine neue Version v1.7.9 mit einem erweiterten Zustandwidget. Das Zustandwidget kann jetzt zwischen Button-, Taster- und Switchfunktionalität unterscheiden.

                                  a636f0df-f0dc-4f33-b9f6-72bda5a6bb05-image.png

                                  Button -> nur Zustände: true, ein Wert (Wert[1])
                                  Funktion: Klick bewirkt, das Wert[1] gesetzt wird (falls noch nicht geschehen) und immer der Timestamp aktualisiert wird.

                                  Taster -> nur Zustände: true, Taster: true, zwei Werte (Wert[1], Wert[2])
                                  Funktion: Mit Drücken des Tasters wird Wert[1] und nach dem Loslassen wieder Wert[2] gesetzt.

                                  Switch -> nur Zustände: true, Taster: false, zwei Werte (Wert[1], Wert[2])
                                  Funktion: Mit Drücken des Button schaltet der Wert von Wert[1] auf Wert[2] um, bzw. vice versa.

                                  Ab dem dritten Wert wird immer eine Auswahl angeboten.

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

                                    @carsten04 Irgendwie krieg ich das nicht hin. Jetzt hab ich gar kein Icon mehr.

                                    So sieht das bei mir aus:

                                    [
                                      {
                                        "tpl": "tplStateCollectionWidget",
                                        "data": {
                                          "bindings": [],
                                          "iconXOffset": "15px",
                                          "g_common": true,
                                          "iconYOffset": "0px",
                                          "header": "PV Laden",
                                          "footer": "",
                                          "basePadding": 1,
                                          "baseElevation": 4,
                                          "oid": "evcc.0.loadpoint.1.control.pv",
                                          "unit": "",
                                          "g_button": true,
                                          "values_count": 2,
                                          "onlyStates": true,
                                          "onlyDisplay": false,
                                          "name": "Button PV Laden",
                                          "comment": null,
                                          "class": null,
                                          "filterkey": null,
                                          "multi-views": null,
                                          "locked": null,
                                          "g_fixed": true,
                                          "oidType": "boolean",
                                          "write": true,
                                          "minValue": 0,
                                          "maxValue": 100,
                                          "icon": null,
                                          "value1": true,
                                          "alias1": "true",
                                          "iconSmall": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMCAxMkg0TDIgMjJoMjBsLTItMTB6bS0xLjY0IDJsLjQgMkgxM3YtMmg1LjM2ek0xMSAxNHYySDUuMjRsLjQtMkgxMXptLTYuMTYgNEgxMXYySDQuNDRsLjQtMnpNMTMgMjB2LTJoNi4xNmwuNCAySDEzek0xMSA4aDJ2M2gtMnptNC43NjQtLjc5NWwxLjQxNS0xLjQxNEwxOS4zIDcuOTEybC0xLjQxNCAxLjQxNHptLTExLjA1OS43MDhMNi44MjYgNS43OUw4LjI0IDcuMjA2TDYuMTIgOS4zMjd6TTMgMmgzdjJIM3ptMTUgMGgzdjJoLTN6bS02IDVjMi43NiAwIDUtMi4yNCA1LTVoLTJjMCAxLjY1LTEuMzUgMy0zIDNTOSAzLjY1IDkgMkg3YzAgMi43NiAyLjI0IDUgNSA1eiIvPjwvc3ZnPg==",
                                          "noFooter": true,
                                          "valueSize1": 0,
                                          "iconSize": 0,
                                          "g_css_font_text": true,
                                          "iconColor1": "#000000",
                                          "iconColor": "",
                                          "valueSize": 0,
                                          "backgroundColor": "{ts1:evcc.0.loadpoint.1.status.mode; ts1==\"pv\" ? \"#00ff00\" : \"#f9f9f9\"}",
                                          "backgroundColor1": "",
                                          "iconSmall1": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMCAxMkg0TDIgMjJoMjBsLTItMTB6bS0xLjY0IDJsLjQgMkgxM3YtMmg1LjM2ek0xMSAxNHYySDUuMjRsLjQtMkgxMXptLTYuMTYgNEgxMXYySDQuNDRsLjQtMnpNMTMgMjB2LTJoNi4xNmwuNCAySDEzek0xMSA4aDJ2M2gtMnptNC43NjQtLjc5NWwxLjQxNS0xLjQxNEwxOS4zIDcuOTEybC0xLjQxNCAxLjQxNHptLTExLjA1OS43MDhMNi44MjYgNS43OUw4LjI0IDcuMjA2TDYuMTIgOS4zMjd6TTMgMmgzdjJIM3ptMTUgMGgzdjJoLTN6bS02IDVjMi43NiAwIDUtMi4yNCA1LTVoLTJjMCAxLjY1LTEuMzUgMy0zIDNTOSAzLjY1IDkgMkg3YzAgMi43NiAyLjI0IDUgNSA1eiIvPjwvc3ZnPg==",
                                          "iconSize1": 150,
                                          "iconSmall2": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMCAxMkg0TDIgMjJoMjBsLTItMTB6bS0xLjY0IDJsLjQgMkgxM3YtMmg1LjM2ek0xMSAxNHYySDUuMjRsLjQtMkgxMXptLTYuMTYgNEgxMXYySDQuNDRsLjQtMnpNMTMgMjB2LTJoNi4xNmwuNCAySDEzek0xMSA4aDJ2M2gtMnptNC43NjQtLjc5NWwxLjQxNS0xLjQxNEwxOS4zIDcuOTEybC0xLjQxNCAxLjQxNHptLTExLjA1OS43MDhMNi44MjYgNS43OUw4LjI0IDcuMjA2TDYuMTIgOS4zMjd6TTMgMmgzdjJIM3ptMTUgMGgzdjJoLTN6bS02IDVjMi43NiAwIDUtMi4yNCA1LTVoLTJjMCAxLjY1LTEuMzUgMy0zIDNTOSAzLjY1IDkgMkg3YzAgMi43NiAyLjI0IDUgNSA1eiIvPjwvc3ZnPg==",
                                          "iconSize2": 150,
                                          "iconColor2": "#000000",
                                          "alias2": "false",
                                          "value2": true,
                                          "valueSize2": 0,
                                          "backgroundColor2": "",
                                          "g_values-2": true
                                        },
                                        "style": {
                                          "bindings": [],
                                          "left": 986,
                                          "top": "24px",
                                          "width": "100px",
                                          "height": "100px",
                                          "position": "",
                                          "color": null,
                                          "text-align": "center",
                                          "text-shadow": null,
                                          "font-family": null,
                                          "font-style": null,
                                          "font-variant": null,
                                          "font-weight": null,
                                          "font-size": null,
                                          "line-height": null,
                                          "letter-spacing": null,
                                          "word-spacing": null
                                        },
                                        "widgetSet": "vis-2-widgets-collection",
                                        "_id": "i000001"
                                      }
                                    ]
                                    
                                    carsten04 1 Reply Last reply Reply Quote 0
                                    • carsten04
                                      carsten04 Developer @Merlin123 last edited by

                                      @merlin123 Wenn ich Dein Widget importiere, sehe ich sofort das Icon. Was mir auffällt: beide Werte sind identisch (Icon und Farbe). Und was komisch ist: value1 und value2 sind beide true. Eigentlich müsste ein value true und ein value false sein. Wie Du das hinbekommen hast, verstehe ich gerade nicht 🙂 .
                                      Meine Empfehlung wäre das Widget noch einmal neu anzulegen und dann zu schauen ob es klappt.

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

                                        Ich nutze das Widget „Zustand“ aus der Collection zur Anzeige eines binären Zustands mit verschiedenen Icons (svg) für True/false. Im Editor und auch in der Run-Umgebung auf meinem Windows Rechner werden die Status-Icons korrekt angezeigt. Auch auf einem Android Tablet habe ich keine Probleme. Alles funktioniert wie es soll.

                                        Nur auf meinen Apple Geräten (iPhone + iPad) werden die Icons überhaupt nicht angezeigt. Egal ob Safari, Edge, Chrome, ioBrokerVisu. Egal ob Status True oder False. Woran kann das liegen?
                                        Hat noch jemand dieses Anzeigeproblem oder eine Idee, was hier falsch sein könnte?

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

                                          @maeb3 Leider nutze ich keine Apple-Geräte. Im Forum habe ich aber folgendes gefunden. Vielleicht hilft Dir das ja weiter.

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

                                            @carsten04 Ich glaube, ich weiß woher das Problem kommt. Und weiß nicht, ob Dein Widget das abbilden kann:
                                            Der Datenpunkt hinter dem dem Widget ist ein Button.
                                            Wird der auf "true" gesetzt, schaltet die Wallbox (via EVCC) das Laden nur via PV-Anlage aktiv.
                                            Ich habe noch ein zweites Widget, dass auf einen anderen (Button) DP geht, der das Schnellladen aktiviert, wenn er auf "true"gesetzt wird.
                                            Die Buttons werden aber nicht auf "false" gesetzt, wenn der jeweils andere Button gesetzt wird.
                                            Der aktuelle Lademodus steht in einem anderen DP.

                                            Warum das bisher geklappt hat, dass immer nur einer der Buttons "grün" war, weiß ich nicht wirklich....

                                            carsten04 1 Reply Last reply Reply Quote -1
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            541
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            23
                                            268
                                            23648
                                            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