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.1k

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

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

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.
  • NWHN NWH

    @carsten04
    Es tut mir leid, hier steht eindeutig UP.
    5aaa1139-97cc-47c6-aaaa-ab615ea2b3c5-image.png

    Nach drücken der up Taste im widget.

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

    @nwh Nein in den State wird 0 geschrieben, dass ist der Wert in den Klammern. Du brauchst aber wohl false. Das liegt daran weil in Deinen common.states wohl "0": "Up" als ein Schlüssel-/ Wertepaar steht.

    NWHN 1 Reply Last reply
    0
    • carsten04C carsten04

      @nwh Nein in den State wird 0 geschrieben, dass ist der Wert in den Klammern. Du brauchst aber wohl false. Das liegt daran weil in Deinen common.states wohl "0": "Up" als ein Schlüssel-/ Wertepaar steht.

      NWHN Offline
      NWHN Offline
      NWH
      wrote on last edited by
      #102

      @carsten04
      Ok, was kann ich tun damit es bei mir funktioniert?
      Wenn ich die Funktion auf ein widgte mit true und false lege funktioniert es problemlos.
      Würde aber gerne deine widget verwenden.

      carsten04C 1 Reply Last reply
      0
      • NWHN NWH

        @carsten04
        Ok, was kann ich tun damit es bei mir funktioniert?
        Wenn ich die Funktion auf ein widgte mit true und false lege funktioniert es problemlos.
        Würde aber gerne deine widget verwenden.

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

        @nwh

        example.gif

        1 Reply Last reply
        -1
        • carsten04C Online
          carsten04C Online
          carsten04
          Developer
          wrote on last edited by carsten04
          #104

          Es gibt eine neue Version v1.2.0 mit einigen Optimierungen und einem neuen Checkbox-Widget.

          checkbox_example.gif

          Feedback und Fehlermeldungen gerne hier im Forum oder auf GitHub.

          Merlin123M 2 Replies Last reply
          1
          • carsten04C carsten04

            Es gibt eine neue Version v1.2.0 mit einigen Optimierungen und einem neuen Checkbox-Widget.

            checkbox_example.gif

            Feedback und Fehlermeldungen gerne hier im Forum oder auf GitHub.

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

            @carsten04 Danke für die Weiterentwicklung! Muss mal wieder meine VIS erweitern und da werde ich sicher auch Deine Widgets nutzen 🙂

            Beta-Tester

            1 Reply Last reply
            0
            • M Online
              M Online
              micklafisch
              wrote on last edited by
              #106

              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.

              Merlin123M carsten04C 2 Replies Last reply
              0
              • carsten04C carsten04

                Es gibt eine neue Version v1.2.0 mit einigen Optimierungen und einem neuen Checkbox-Widget.

                checkbox_example.gif

                Feedback und Fehlermeldungen gerne hier im Forum oder auf GitHub.

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

                @carsten04 Steh grad etwas auf dem Schlauch, wie ich folgendes lösen soll:
                Es gibt 2 Datenpunkte A und B, die quasi als Taster wirken. Dann gibt es Datenpunkt C, der den aktuell aktiven Wert enthält. (Nicht meine Idee, ist der EVCC Adapter zur Wallboxsteuerung. Genauer: Umschalten des Lademodus).

                Gibt es mit Deinen Widgets eine Option die Buttons A und B abzubilden, so dass sie beim anklicken ein TRUE an den jeweiligen Datenpunkt schicken, der "Aktiv" Zustand der Buttons aber von einem 3. Datenpunkt abhängt?
                Von mir aus auch ein Umschalter oder sonst was 😉

                (Mit nem anderen Widget habe ich eine Idee, wollte das aber mal mit Deinen umsetzen)

                Beta-Tester

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

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

                  @micklafisch Auch wenn das Fremdwerbung ist: Mit den VisInventwo Widgets kannst Du eine View in einem Popup öffnen. Nutze ich an mehreren Stellen in meiner Vis2

                  Beta-Tester

                  M 1 Reply Last reply
                  0
                  • Merlin123M Merlin123

                    @carsten04 Steh grad etwas auf dem Schlauch, wie ich folgendes lösen soll:
                    Es gibt 2 Datenpunkte A und B, die quasi als Taster wirken. Dann gibt es Datenpunkt C, der den aktuell aktiven Wert enthält. (Nicht meine Idee, ist der EVCC Adapter zur Wallboxsteuerung. Genauer: Umschalten des Lademodus).

                    Gibt es mit Deinen Widgets eine Option die Buttons A und B abzubilden, so dass sie beim anklicken ein TRUE an den jeweiligen Datenpunkt schicken, der "Aktiv" Zustand der Buttons aber von einem 3. Datenpunkt abhängt?
                    Von mir aus auch ein Umschalter oder sonst was 😉

                    (Mit nem anderen Widget habe ich eine Idee, wollte das aber mal mit Deinen umsetzen)

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

                    @merlin123 Ich hab Dein Szenario noch nicht ganz verstanden. Kannst Du das noch etwas genauer erklären.

                    Merlin123M 1 Reply Last reply
                    0
                    • Merlin123M Merlin123

                      @micklafisch Auch wenn das Fremdwerbung ist: Mit den VisInventwo Widgets kannst Du eine View in einem Popup öffnen. Nutze ich an mehreren Stellen in meiner Vis2

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

                      @merlin123
                      ich hatte das schonmal angeschaut, bin aber an der variablen Breite gescheitert.

                      1 Reply Last reply
                      0
                      • carsten04C carsten04

                        @merlin123 Ich hab Dein Szenario noch nicht ganz verstanden. Kannst Du das noch etwas genauer erklären.

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

                        @carsten04 Ok. Versuch es mal anders:

                        Die Wallboxsteuerung (EVCC) kennt drei Betriebsarten:

                        1. Nur PV laden
                        2. Schnellladen (also notfalls aus dem Netz soviel Strom beziehen wie nötig)
                        3. PV + mindestladung (also z.B. mindestens 4.1kW laden. Wenn via PV mehr als 4.1kW kommen nimmt er das was kommt (z.B. 8kW), kommt weniger nimmt er soviel Strom aus dem Netz dazu, dass mindestens 4,1 kW erreicht werden.

                        Umgeschaltet wird über 3 Datenpunkte (Schnellladen, PV laden, Mindestladung). Wenn man einen davon auf true setzt wird der Modus aktiviert. Die DPs reagieren auf Aktualisierung, stehen also alle drei immer auf true, da sie nie zurückgesetzt werden.
                        Der aktuelle Modus wird in einem eigenen Datenpunkt als Text "angezeigt"

                        Ich nutze nur PV und Schnellladen und will zwischen denen Umschalten.
                        Das will ich elegant in nem Widget umsetzen,
                        Also entweder ein Schalter mit 2 Positionen oder mit 2 Buttons.
                        Es soll aber immer erkennbar sein, welcher Modus aktiv ist.

                        So verständlicher?

                        Beta-Tester

                        carsten04C 1 Reply Last reply
                        0
                        • Merlin123M Merlin123

                          @carsten04 Ok. Versuch es mal anders:

                          Die Wallboxsteuerung (EVCC) kennt drei Betriebsarten:

                          1. Nur PV laden
                          2. Schnellladen (also notfalls aus dem Netz soviel Strom beziehen wie nötig)
                          3. PV + mindestladung (also z.B. mindestens 4.1kW laden. Wenn via PV mehr als 4.1kW kommen nimmt er das was kommt (z.B. 8kW), kommt weniger nimmt er soviel Strom aus dem Netz dazu, dass mindestens 4,1 kW erreicht werden.

                          Umgeschaltet wird über 3 Datenpunkte (Schnellladen, PV laden, Mindestladung). Wenn man einen davon auf true setzt wird der Modus aktiviert. Die DPs reagieren auf Aktualisierung, stehen also alle drei immer auf true, da sie nie zurückgesetzt werden.
                          Der aktuelle Modus wird in einem eigenen Datenpunkt als Text "angezeigt"

                          Ich nutze nur PV und Schnellladen und will zwischen denen Umschalten.
                          Das will ich elegant in nem Widget umsetzen,
                          Also entweder ein Schalter mit 2 Positionen oder mit 2 Buttons.
                          Es soll aber immer erkennbar sein, welcher Modus aktiv ist.

                          So verständlicher?

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

                          @merlin123 Bitte die neue Version v1.3.0 installieren. Du kannst dann z.B. das State-Widget benutzen. Nachdem Du den State (vom Typ boolean) über oid zugewiesen hast, musst Du den Wert[2] für false löschen. Dananch funktioniert der State für true wie ein Button, der den Zustand (in diesem Fall true) nie ändert, sonder nur den Timestamp aktualisiert.

                          Merlin123M 1 Reply Last reply
                          1
                          • carsten04C carsten04

                            @merlin123 Bitte die neue Version v1.3.0 installieren. Du kannst dann z.B. das State-Widget benutzen. Nachdem Du den State (vom Typ boolean) über oid zugewiesen hast, musst Du den Wert[2] für false löschen. Dananch funktioniert der State für true wie ein Button, der den Zustand (in diesem Fall true) nie ändert, sonder nur den Timestamp aktualisiert.

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

                            @carsten04 Ok. Scheint von der Idee her zu gehen. Testen kann ich aber das Drücken erst, wenn kein Auto geladen wird 😉

                            Aber noch eine Frage:
                            Kann ich jetzt irgendwie den aktiven Modus (der ja in einem anderen Datenpunkt steht) bei einem der Buttons anzeigen? Also bei Schnellladen soll der linke Button eine andere Farbe haben, bei PV Laden der Rechte.

                            Screenshot 2025-02-21 095349.png

                            Beta-Tester

                            carsten04C 1 Reply Last reply
                            0
                            • Merlin123M Merlin123

                              @carsten04 Ok. Scheint von der Idee her zu gehen. Testen kann ich aber das Drücken erst, wenn kein Auto geladen wird 😉

                              Aber noch eine Frage:
                              Kann ich jetzt irgendwie den aktiven Modus (der ja in einem anderen Datenpunkt steht) bei einem der Buttons anzeigen? Also bei Schnellladen soll der linke Button eine andere Farbe haben, bei PV Laden der Rechte.

                              Screenshot 2025-02-21 095349.png

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

                              @merlin123 Ja, da Header, Footer und Valuetext HTML-verstehen. Du kannst Dann z.B. mit Bindings und Variabelen arbeiten, indem Du die beiden Timestamps vergleichst und abhängig vom Ergebnis (z.B. ts1 > ts2 ) irgendeinen Text (z.B. aktiv, passiv, den Du beliebig stylen kannst) ausgibst.
                              Vergleichbar kannst Du die Farbe des Icons über Bindings in der Konfiguration setzen.

                              Merlin123M 1 Reply Last reply
                              0
                              • carsten04C carsten04

                                @merlin123 Ja, da Header, Footer und Valuetext HTML-verstehen. Du kannst Dann z.B. mit Bindings und Variabelen arbeiten, indem Du die beiden Timestamps vergleichst und abhängig vom Ergebnis (z.B. ts1 > ts2 ) irgendeinen Text (z.B. aktiv, passiv, den Du beliebig stylen kannst) ausgibst.
                                Vergleichbar kannst Du die Farbe des Icons über Bindings in der Konfiguration setzen.

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

                                @carsten04 Müsste ich dann also für die Farbe quasi für beide Buttons je einen DP machen, in dem dann die jeweils aktuelle Farbe drinsteht?

                                Beta-Tester

                                carsten04C 1 Reply Last reply
                                0
                                • Merlin123M Merlin123

                                  @carsten04 Müsste ich dann also für die Farbe quasi für beide Buttons je einen DP machen, in dem dann die jeweils aktuelle Farbe drinsteht?

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

                                  @merlin123 Nein, Du schreibst einfach das gewünschte Binding mit der Formel in das Feld für die Farbe rein, also z.B. {ts1:meinState1.ts;ts2:meinState2.ts; ts2>ts1 ? #ff0000 : #00ff00}

                                  Merlin123M 2 Replies Last reply
                                  0
                                  • carsten04C carsten04

                                    @merlin123 Nein, Du schreibst einfach das gewünschte Binding mit der Formel in das Feld für die Farbe rein, also z.B. {ts1:meinState1.ts;ts2:meinState2.ts; ts2>ts1 ? #ff0000 : #00ff00}

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

                                    @carsten04 Ah ok. Cool. Dann probier ich das mal aus 🙂

                                    Beta-Tester

                                    1 Reply Last reply
                                    0
                                    • carsten04C carsten04

                                      @merlin123 Nein, Du schreibst einfach das gewünschte Binding mit der Formel in das Feld für die Farbe rein, also z.B. {ts1:meinState1.ts;ts2:meinState2.ts; ts2>ts1 ? #ff0000 : #00ff00}

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

                                      @carsten04 Irgendwas mach ich anscheinend falsch....

                                      {ts1:evcc.0.loadpoint.1.status.mode; ts1="pv" ? #00ff00}

                                      Ich hätte jetzt erwartet, dass bei "pv" das grün wird.
                                      Hab das bei Hintergrundfarbe bei Wert1 eingetragen.

                                      Beta-Tester

                                      carsten04C 1 Reply Last reply
                                      0
                                      • Merlin123M Merlin123

                                        @carsten04 Irgendwas mach ich anscheinend falsch....

                                        {ts1:evcc.0.loadpoint.1.status.mode; ts1="pv" ? #00ff00}

                                        Ich hätte jetzt erwartet, dass bei "pv" das grün wird.
                                        Hab das bei Hintergrundfarbe bei Wert1 eingetragen.

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

                                        @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 1 Reply Last reply
                                        0
                                        • 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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          726

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          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