Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

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

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

vis-2-widgets-collection

Geplant Angeheftet Gesperrt Verschoben Tester
301 Beiträge 31 Kommentatoren 70.3k Aufrufe 42 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von
    #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 Antworten Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #117

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

      Beta-Tester

      1 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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 Online
              carsten04C Online
              carsten04
              Developer
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #122

                @carsten04 Die " waren's :) Danke!

                Beta-Tester

                1 Antwort Letzte Antwort
                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 Online
                  carsten04C Online
                  carsten04
                  Developer
                  schrieb am zuletzt editiert von carsten04
                  #123

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

                  M 1 Antwort Letzte Antwort
                  0
                  • carsten04C carsten04

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

                    M Offline
                    M Offline
                    micklafisch
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      0
                      • M Offline
                        M Offline
                        Matu
                        schrieb am zuletzt editiert von
                        #126
                        Dieser Beitrag wurde gelöscht!
                        1 Antwort Letzte Antwort
                        0
                        • carsten04C Online
                          carsten04C Online
                          carsten04
                          Developer
                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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 Online
                              carsten04C Online
                              carsten04
                              Developer
                              schrieb am zuletzt editiert von
                              #129

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

                              M 1 Antwort Letzte Antwort
                              0
                              • carsten04C carsten04

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

                                M Offline
                                M Offline
                                Matu
                                schrieb am zuletzt editiert von
                                #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 Antworten Letzte Antwort
                                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 Online
                                  carsten04C Online
                                  carsten04
                                  Developer
                                  schrieb am zuletzt editiert von
                                  #131
                                  Dieser Beitrag wurde gelöscht!
                                  M 1 Antwort Letzte Antwort
                                  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 Online
                                    carsten04C Online
                                    carsten04
                                    Developer
                                    schrieb am zuletzt editiert von
                                    #132

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

                                    1 Antwort Letzte Antwort
                                    0
                                    • carsten04C carsten04

                                      Dieser Beitrag wurde gelöscht!

                                      M Offline
                                      M Offline
                                      Matu
                                      schrieb am zuletzt editiert von
                                      #133

                                      @carsten04

                                      Screenshot 2025-02-25 171657.png

                                      carsten04C 1 Antwort Letzte Antwort
                                      0
                                      • M Matu

                                        @carsten04

                                        Screenshot 2025-02-25 171657.png

                                        carsten04C Online
                                        carsten04C Online
                                        carsten04
                                        Developer
                                        schrieb am zuletzt editiert von
                                        #134

                                        @matu Ergänze mal bitte in common:

                                        "read": true,
                                        "write": true

                                        M 1 Antwort Letzte Antwort
                                        0
                                        • carsten04C carsten04

                                          @matu Ergänze mal bitte in common:

                                          "read": true,
                                          "write": true

                                          M Offline
                                          M Offline
                                          Matu
                                          schrieb am zuletzt editiert von
                                          #135

                                          @carsten04

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

                                          20250225172110.mp4

                                          carsten04C 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          256

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe