Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. vis-2-widgets-collection

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.0k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.0k

vis-2-widgets-collection

vis-2-widgets-collection

Scheduled Pinned Locked Moved Tester
301 Posts 31 Posters 70.0k Views 42 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • T topsurfer

    @negalein said in vis-2-widgets-collection:

    Strg + F
    und dann im Suchfeld (steht schon in topic) deinen Suchbegriff eingeben

    OK, das habe ich natürlich gemacht ... funktioniert bei dir die Suche denn, wenn du z.B. Balkenanzeige dort eingibst?
    Möchte den Thread hier nicht unnötig aufblähen, bei mir zeigt er dann "No matches found" ! (aber es gibt das Wort hier im Thread !!)

    NegaleinN Offline
    NegaleinN Offline
    Negalein
    Global Moderator
    wrote on last edited by Negalein
    #242

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

    funktioniert bei dir die Suche denn, wenn du z.B. Balkenanzeige dort eingibst?

    Ja, findet ihn 4x
    468ad475-dfcb-4c35-bed0-c16ffc67bf93-image.png

    und auch mit Edge (5x wegen Zitat)
    Unbenannt-1.png

    ° Node.js: 20.17.0 NPM: 10.8.2
    ° Proxmox, Ubuntu 22.04.3 LTS
    ° Fixer ---> iob fix

    wendy2702W 1 Reply Last reply
    0
    • NegaleinN Negalein

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

      funktioniert bei dir die Suche denn, wenn du z.B. Balkenanzeige dort eingibst?

      Ja, findet ihn 4x
      468ad475-dfcb-4c35-bed0-c16ffc67bf93-image.png

      und auch mit Edge (5x wegen Zitat)
      Unbenannt-1.png

      wendy2702W Online
      wendy2702W Online
      wendy2702
      wrote on last edited by
      #243

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

      Spannend, bei mir nicht mit FF:

      58404690-46b5-48e9-9970-9c2047c3421a-grafik.png

      und auch nicht mit Chrome:

      2483a68f-1ea5-4af3-af55-38e5f51d1807-grafik.png

      Bitte keine Fragen per PN, die gehören ins Forum!

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      NegaleinN 1 Reply Last reply
      1
      • wendy2702W wendy2702

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

        Spannend, bei mir nicht mit FF:

        58404690-46b5-48e9-9970-9c2047c3421a-grafik.png

        und auch nicht mit Chrome:

        2483a68f-1ea5-4af3-af55-38e5f51d1807-grafik.png

        NegaleinN Offline
        NegaleinN Offline
        Negalein
        Global Moderator
        wrote on last edited by
        #244

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

        Spannend, bei mir nicht mit FF:

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

        ° Node.js: 20.17.0 NPM: 10.8.2
        ° Proxmox, Ubuntu 22.04.3 LTS
        ° Fixer ---> iob fix

        wendy2702W 1 Reply Last reply
        1
        • NegaleinN Negalein

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

          Spannend, bei mir nicht mit FF:

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

          wendy2702W Online
          wendy2702W Online
          wendy2702
          wrote on last edited by
          #245

          @negalein Das hat aber mal anders/besser funktioniert

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

          Bitte keine Fragen per PN, die gehören ins Forum!

          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          NegaleinN 1 Reply Last reply
          1
          • wendy2702W wendy2702

            @negalein Das hat aber mal anders/besser funktioniert

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

            NegaleinN Offline
            NegaleinN Offline
            Negalein
            Global Moderator
            wrote on last edited by
            #246

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

            Das hat aber mal anders/besser funktioniert

            kenn ich nur so.

            ° Node.js: 20.17.0 NPM: 10.8.2
            ° Proxmox, Ubuntu 22.04.3 LTS
            ° Fixer ---> iob fix

            1 Reply Last reply
            0
            • M micklafisch

              @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.

              carsten04C Online
              carsten04C Online
              carsten04
              Developer
              wrote on last edited by carsten04
              #247

              @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
              1
              • carsten04C 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 Offline
                T Offline
                topsurfer
                wrote on last edited by
                #248

                @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


                Anleitung zur Integration Enocean/Eltako in iobroker (Beta!)
                https://www.mmhaus.de/eltako-device-in-iobroker-integrieren-enocean

                carsten04C ? 2 Replies Last reply
                0
                • T topsurfer

                  @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

                  carsten04C Online
                  carsten04C Online
                  carsten04
                  Developer
                  wrote on last edited by
                  #249

                  @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
                  1
                  • T topsurfer

                    @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

                    ? Offline
                    ? Offline
                    A Former User
                    wrote on last edited by
                    #250

                    @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
                    1
                    • ? A Former User

                      @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 Offline
                      T Offline
                      topsurfer
                      wrote on last edited by
                      #251

                      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!


                      Anleitung zur Integration Enocean/Eltako in iobroker (Beta!)
                      https://www.mmhaus.de/eltako-device-in-iobroker-integrieren-enocean

                      1 Reply Last reply
                      0
                      • T Offline
                        T Offline
                        topsurfer
                        wrote on last edited by
                        #252

                        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


                        Anleitung zur Integration Enocean/Eltako in iobroker (Beta!)
                        https://www.mmhaus.de/eltako-device-in-iobroker-integrieren-enocean

                        carsten04C 1 Reply Last reply
                        0
                        • T topsurfer

                          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

                          carsten04C Online
                          carsten04C Online
                          carsten04
                          Developer
                          wrote on last edited by carsten04
                          #253

                          @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
                          0
                          • carsten04C 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 Offline
                            T Offline
                            topsurfer
                            wrote on last edited by topsurfer
                            #254

                            @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


                            Anleitung zur Integration Enocean/Eltako in iobroker (Beta!)
                            https://www.mmhaus.de/eltako-device-in-iobroker-integrieren-enocean

                            1 Reply Last reply
                            0
                            • Merlin123M Offline
                              Merlin123M Offline
                              Merlin123
                              wrote on last edited by
                              #255

                              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

                              Beta-Tester

                              sigi234S carsten04C 2 Replies Last reply
                              0
                              • Merlin123M Merlin123

                                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

                                sigi234S Online
                                sigi234S Online
                                sigi234
                                Forum Testing Most Active
                                wrote on last edited by
                                #256

                                @merlin123

                                Zeig mal die Einstellungen und welches Widgets nimmst du?

                                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                Immer Daten sichern!

                                1 Reply Last reply
                                0
                                • Merlin123M Merlin123

                                  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

                                  carsten04C Online
                                  carsten04C Online
                                  carsten04
                                  Developer
                                  wrote on last edited by carsten04
                                  #257

                                  @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

                                  Merlin123M 1 Reply Last reply
                                  0
                                  • carsten04C Online
                                    carsten04C Online
                                    carsten04
                                    Developer
                                    wrote on last edited by carsten04
                                    #258

                                    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
                                    0
                                    • carsten04C 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

                                      Merlin123M Offline
                                      Merlin123M Offline
                                      Merlin123
                                      wrote on last edited by
                                      #259

                                      @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"
                                        }
                                      ]
                                      

                                      Beta-Tester

                                      carsten04C 1 Reply Last reply
                                      0
                                      • Merlin123M Merlin123

                                        @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"
                                          }
                                        ]
                                        
                                        carsten04C Online
                                        carsten04C Online
                                        carsten04
                                        Developer
                                        wrote on last edited by
                                        #260

                                        @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.

                                        Merlin123M 1 Reply Last reply
                                        0
                                        • maeb3M Offline
                                          maeb3M Offline
                                          maeb3
                                          wrote on last edited by maeb3
                                          #261

                                          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?

                                          carsten04C 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          543

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe