Skip to content
  • Home
  • 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
ioBroker Logo

Community Forum

donate donate
  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.8k

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

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

vis-2-widgets-collection

Scheduled Pinned Locked Moved Tester
301 Posts 31 Posters 72.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.
  • carsten04C carsten04

    @merlin123 {ts1:evcc.0.loadpoint.1.status.mode; ts1=="pv" ? #00ff00 : #ff0000}
    Das ist ein ternärer Operater, also:

    condition ? exprIfTrue : exprIfFalse
    

    Für den Vergleich brauchst Du == und nicht =, sonst ist es eine Zuweisung.

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

    @carsten04 ah.. ich erinnere mich... Da war was...

    Geht aber trotzdem nicht.
    Hab bei Hintergrundfarbe
    {ts1:evcc.0.loadpoint.1.status.mode; ts1=="pv" ? #00ff00 : #ff0000}
    eingetragen aber der Hintergrund bleibt weiß.....
    Im Editor sieht das so aus:
    Screenshot 2025-02-21 134816.png

    Das Widget:

    [
      {
        "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": 1,
          "onlyStates": false,
          "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": "",
          "iconSmall": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMCAxMkg0TDIgMjJoMjBsLTItMTB6bS0xLjY0IDJsLjQgMkgxM3YtMmg1LjM2ek0xMSAxNHYySDUuMjRsLjQtMkgxMXptLTYuMTYgNEgxMXYySDQuNDRsLjQtMnpNMTMgMjB2LTJoNi4xNmwuNCAySDEzek0xMSA4aDJ2M2gtMnptNC43NjQtLjc5NWwxLjQxNS0xLjQxNEwxOS4zIDcuOTEybC0xLjQxNCAxLjQxNHptLTExLjA1OS43MDhMNi44MjYgNS43OUw4LjI0IDcuMjA2TDYuMTIgOS4zMjd6TTMgMmgzdjJIM3ptMTUgMGgzdjJoLTN6bS02IDVjMi43NiAwIDUtMi4yNCA1LTVoLTJjMCAxLjY1LTEuMzUgMy0zIDNTOSAzLjY1IDkgMkg3YzAgMi43NiAyLjI0IDUgNSA1eiIvPjwvc3ZnPg==",
          "noFooter": true,
          "valueSize1": 0,
          "iconSize": 150,
          "g_css_font_text": true,
          "iconColor1": "",
          "iconColor": "",
          "valueSize": 0,
          "backgroundColor": "{ts1:evcc.0.loadpoint.1.status.mode; ts1==\"pv\" ? #00ff00 : #ff0000}",
          "backgroundColor1": "{ts1:evcc.0.loadpoint.1.status.mode; ts1==\"pv\" ? #00ff00 : #ff0000}"
        },
        "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 ah.. ich erinnere mich... Da war was...

      Geht aber trotzdem nicht.
      Hab bei Hintergrundfarbe
      {ts1:evcc.0.loadpoint.1.status.mode; ts1=="pv" ? #00ff00 : #ff0000}
      eingetragen aber der Hintergrund bleibt weiß.....
      Im Editor sieht das so aus:
      Screenshot 2025-02-21 134816.png

      Das Widget:

      [
        {
          "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": 1,
            "onlyStates": false,
            "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": "",
            "iconSmall": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMCAxMkg0TDIgMjJoMjBsLTItMTB6bS0xLjY0IDJsLjQgMkgxM3YtMmg1LjM2ek0xMSAxNHYySDUuMjRsLjQtMkgxMXptLTYuMTYgNEgxMXYySDQuNDRsLjQtMnpNMTMgMjB2LTJoNi4xNmwuNCAySDEzek0xMSA4aDJ2M2gtMnptNC43NjQtLjc5NWwxLjQxNS0xLjQxNEwxOS4zIDcuOTEybC0xLjQxNCAxLjQxNHptLTExLjA1OS43MDhMNi44MjYgNS43OUw4LjI0IDcuMjA2TDYuMTIgOS4zMjd6TTMgMmgzdjJIM3ptMTUgMGgzdjJoLTN6bS02IDVjMi43NiAwIDUtMi4yNCA1LTVoLTJjMCAxLjY1LTEuMzUgMy0zIDNTOSAzLjY1IDkgMkg3YzAgMi43NiAyLjI0IDUgNSA1eiIvPjwvc3ZnPg==",
            "noFooter": true,
            "valueSize1": 0,
            "iconSize": 150,
            "g_css_font_text": true,
            "iconColor1": "",
            "iconColor": "",
            "valueSize": 0,
            "backgroundColor": "{ts1:evcc.0.loadpoint.1.status.mode; ts1==\"pv\" ? #00ff00 : #ff0000}",
            "backgroundColor1": "{ts1:evcc.0.loadpoint.1.status.mode; ts1==\"pv\" ? #00ff00 : #ff0000}"
          },
          "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 Offline
      carsten04C Offline
      carsten04
      Developer
      wrote on last edited by carsten04
      #121

      @merlin123 Setz die Farben mal in "". Wenn das nicht klappt, schaue ich mir das heute Abend noch einmal am Rechner an.

      Merlin123M 1 Reply Last reply
      0
      • carsten04C carsten04

        @merlin123 Setz die Farben mal in "". Wenn das nicht klappt, schaue ich mir das heute Abend noch einmal am Rechner an.

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

        @carsten04 Die " waren's :) Danke!

        Beta-Tester

        1 Reply Last reply
        0
        • M micklafisch

          Wenn ich auch einen Wunsch äußern dürfte für ein Widget:

          Ein Dialog/Popup mit der Breite in Dialogbox in variablen % Werten. Alle bisherigen funktionierenden Popups wie MaterialDesignWidget oder jqui laufen mit Vis-2 nicht mehr oder nicht mehr richtig.

          Das wäre fein wenn es da wieder etwas lauffähiges und zugleich anpassbares gibt um Dialoge zu gestalten.

          carsten04C Offline
          carsten04C Offline
          carsten04
          Developer
          wrote on last edited by carsten04
          #123

          @micklafisch Was soll das Widget denn sonst noch können? Nur View anzeigen und Dialogfenster skalieren?

          M 1 Reply Last reply
          0
          • carsten04C carsten04

            @micklafisch Was soll das Widget denn sonst noch können? Nur View anzeigen und Dialogfenster skalieren?

            M Online
            M Online
            micklafisch
            wrote on last edited by
            #124

            @carsten04
            Kennst du zufällig das MDW von Scrounger? Das konnte eigentlich fast alles.

            Spontan fällt mir dazu ein:

            • definierte View anzeigen
            • variable Breite und gegebenenfalls Höhe
            • abgedunkelter Hintergrund
            • Option zum Schließen der View bei klicken außerhalb des Dialogs
            • Möglichkeit zur Anzeige/Aktivierung des Dialogs über State
            • optional Titel des Dialogs
            • optional schließen Button oben rechts oder unten
            1 Reply Last reply
            0
            • carsten04C carsten04

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

              M Offline
              M Offline
              Matu
              wrote on last edited by
              #125

              @carsten04
              vielen Dank für deine tolle Sammlung. Ich habe versucht einen Button zu konfigurieren der wie die Schreibtischlampe den State true/false mit einem klick ändert (toggle). Leider will dies nicht gelingen. Habe alle 4 Widgets mal ausprobiert und verschiedene Einstellungen vorgenommen.

              Mit der Checkbox klappe es und das Widget ändert Farbe/Symbol usw. jedoch nur wenn ich das State im Objektbaum ändere. Die Checkbox lässt sich nicht auswählen. Das Mouse-Icon ändert sich auch nicht wenn es darüber ist.

              1 Reply Last reply
              0
              • M Offline
                M Offline
                Matu
                wrote on last edited by
                #126
                This post is deleted!
                1 Reply Last reply
                0
                • carsten04C Offline
                  carsten04C Offline
                  carsten04
                  Developer
                  wrote on last edited by carsten04
                  #127

                  @matu Woran scheitert es denn genau? Eigentlich kannst Du bei der Grundeinstellung nicht viel falsch machen, schau mal hier:

                  demo_button.gif

                  Achte auch darauf, dass die vis-2 die v2.9.64 (Stable-Version) hat.

                  M 1 Reply Last reply
                  0
                  • carsten04C carsten04

                    @matu Woran scheitert es denn genau? Eigentlich kannst Du bei der Grundeinstellung nicht viel falsch machen, schau mal hier:

                    demo_button.gif

                    Achte auch darauf, dass die vis-2 die v2.9.64 (Stable-Version) hat.

                    M Offline
                    M Offline
                    Matu
                    wrote on last edited by
                    #128

                    @carsten04

                    danke für die schnelle Rückmeldung. Die Vis-2 hat die Version 2.9.64.
                    Das Problem ist das ich das Widget nicht anklicken kann.

                    Widget.mp4

                    carsten04C 1 Reply Last reply
                    0
                    • M Matu

                      @carsten04

                      danke für die schnelle Rückmeldung. Die Vis-2 hat die Version 2.9.64.
                      Das Problem ist das ich das Widget nicht anklicken kann.

                      Widget.mp4

                      carsten04C Offline
                      carsten04C Offline
                      carsten04
                      Developer
                      wrote on last edited by
                      #129

                      @matu Zeig mal bitte was unter common im Objekt steht.

                      M 1 Reply Last reply
                      0
                      • carsten04C carsten04

                        @matu Zeig mal bitte was unter common im Objekt steht.

                        M Offline
                        M Offline
                        Matu
                        wrote on last edited by
                        #130

                        @carsten04
                        das ist der ganz normale Beispiel DP.
                        Screenshot 2025-02-25 161205.png

                        Am DP liegt es auch nicht weil, weil wenn ich dein Schalter Widget verwende funktioniert es ja.
                        Auch die Button-Gruppe und der Schieberegler funktionieren.

                        Nur Checkbox und Zustand lassen sich nicht anklicken

                        carsten04C 2 Replies Last reply
                        0
                        • M Matu

                          @carsten04
                          das ist der ganz normale Beispiel DP.
                          Screenshot 2025-02-25 161205.png

                          Am DP liegt es auch nicht weil, weil wenn ich dein Schalter Widget verwende funktioniert es ja.
                          Auch die Button-Gruppe und der Schieberegler funktionieren.

                          Nur Checkbox und Zustand lassen sich nicht anklicken

                          carsten04C Offline
                          carsten04C Offline
                          carsten04
                          Developer
                          wrote on last edited by
                          #131
                          This post is deleted!
                          M 1 Reply Last reply
                          0
                          • M Matu

                            @carsten04
                            das ist der ganz normale Beispiel DP.
                            Screenshot 2025-02-25 161205.png

                            Am DP liegt es auch nicht weil, weil wenn ich dein Schalter Widget verwende funktioniert es ja.
                            Auch die Button-Gruppe und der Schieberegler funktionieren.

                            Nur Checkbox und Zustand lassen sich nicht anklicken

                            carsten04C Offline
                            carsten04C Offline
                            carsten04
                            Developer
                            wrote on last edited by
                            #132

                            @matu Geh mal auf Objektdaten und mache dann bitte einen Screenshot.

                            1 Reply Last reply
                            0
                            • carsten04C carsten04

                              This post is deleted!

                              M Offline
                              M Offline
                              Matu
                              wrote on last edited by
                              #133

                              @carsten04

                              Screenshot 2025-02-25 171657.png

                              carsten04C 1 Reply Last reply
                              0
                              • M Matu

                                @carsten04

                                Screenshot 2025-02-25 171657.png

                                carsten04C Offline
                                carsten04C Offline
                                carsten04
                                Developer
                                wrote on last edited by
                                #134

                                @matu Ergänze mal bitte in common:

                                "read": true,
                                "write": true

                                M 1 Reply Last reply
                                0
                                • carsten04C carsten04

                                  @matu Ergänze mal bitte in common:

                                  "read": true,
                                  "write": true

                                  M Offline
                                  M Offline
                                  Matu
                                  wrote on last edited by
                                  #135

                                  @carsten04

                                  Keine Veränderung. Hier noch ein Video mit den 3 Widgets die alle auf den DP zugreifen.

                                  20250225172110.mp4

                                  carsten04C 1 Reply Last reply
                                  0
                                  • M Matu

                                    @carsten04

                                    Keine Veränderung. Hier noch ein Video mit den 3 Widgets die alle auf den DP zugreifen.

                                    20250225172110.mp4

                                    carsten04C Offline
                                    carsten04C Offline
                                    carsten04
                                    Developer
                                    wrote on last edited by carsten04
                                    #136

                                    @matu Das schaue ich mir morgen am Rechner mal in Ruhe an.

                                    Wenn Du kurz noch Zeit hast mach mal bitte folgendes: lösche alle views in der vis-2 und lege eine neue leere view an und nutze nur das State-Widget. Ist der Effekt dann immer noch da?

                                    M 1 Reply Last reply
                                    0
                                    • carsten04C carsten04

                                      @matu Das schaue ich mir morgen am Rechner mal in Ruhe an.

                                      Wenn Du kurz noch Zeit hast mach mal bitte folgendes: lösche alle views in der vis-2 und lege eine neue leere view an und nutze nur das State-Widget. Ist der Effekt dann immer noch da?

                                      M Offline
                                      M Offline
                                      Matu
                                      wrote on last edited by
                                      #137

                                      @carsten04

                                      Jetzt funktioniert es, aber trotzdem komisch, dass es bei einigen geht und bei anderen nicht.

                                      Vielen Dank für die schnellen Rückmeldungen, spiele jetzt mal etwas mit deinen Widgets ;-)

                                      carsten04C 1 Reply Last reply
                                      0
                                      • M Matu

                                        @carsten04

                                        Jetzt funktioniert es, aber trotzdem komisch, dass es bei einigen geht und bei anderen nicht.

                                        Vielen Dank für die schnellen Rückmeldungen, spiele jetzt mal etwas mit deinen Widgets ;-)

                                        carsten04C Offline
                                        carsten04C Offline
                                        carsten04
                                        Developer
                                        wrote on last edited by carsten04
                                        #138

                                        @matu Kurz zur Erklärung. Bei dem State-Widget kannst Du "Nur Anzeige" setzen.

                                        2d931c40-2de4-45d3-8489-35f452bd271b-image.png

                                        Die Anzeigeoption ist nur dann sichtbar, wenn der State writeable ist, ansonsten kann sowieso nur angezeigt werden. Das war bei Dir der Fall, da weder write noch read in common gesetzt war (bei Real Life States eines Adapter sind die beiden Attribute in common eigentlich immer vorhanden).
                                        Nach setzen der beiden Attribute in common, wie von Dir gemacht (insbesondere "write": true), hättest Du eigetlich nur den State (oid) im State-Widget noch einmal neu auswählen müssen, denn erst dann bekommt das Widget die Änderung mit (das ist vis-2 immanent und läßt sich nicht ändern). Die Info von mir die view zu löschen war überflüssig und das Widget macht dann eigentlich auch genau das was es soll.

                                        M 1 Reply Last reply
                                        0
                                        • carsten04C carsten04

                                          @matu Kurz zur Erklärung. Bei dem State-Widget kannst Du "Nur Anzeige" setzen.

                                          2d931c40-2de4-45d3-8489-35f452bd271b-image.png

                                          Die Anzeigeoption ist nur dann sichtbar, wenn der State writeable ist, ansonsten kann sowieso nur angezeigt werden. Das war bei Dir der Fall, da weder write noch read in common gesetzt war (bei Real Life States eines Adapter sind die beiden Attribute in common eigentlich immer vorhanden).
                                          Nach setzen der beiden Attribute in common, wie von Dir gemacht (insbesondere "write": true), hättest Du eigetlich nur den State (oid) im State-Widget noch einmal neu auswählen müssen, denn erst dann bekommt das Widget die Änderung mit (das ist vis-2 immanent und läßt sich nicht ändern). Die Info von mir die view zu löschen war überflüssig und das Widget macht dann eigentlich auch genau das was es soll.

                                          M Offline
                                          M Offline
                                          Matu
                                          wrote on last edited by
                                          #139

                                          @carsten04

                                          Danke für die Erklärung und die schnelle Hilfe.
                                          Ich konnte diese nachvollziehen und es ist genau so. Blöd das grade beim Example state R/W nicht standardmäßig gesetzt ist.

                                          Beste Grüße nach Schalke (nehme ich an) :-)

                                          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

                                          662

                                          Online

                                          32.4k

                                          Users

                                          81.5k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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