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

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. vis-2-widgets-collection

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    3.4k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.5k

vis-2-widgets-collection

Geplant Angeheftet Gesperrt Verschoben Tester
348 Beiträge 35 Kommentatoren 78.8k Aufrufe 44 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.
  • carsten04C carsten04

    Es gibt eine neue Version v2.3.0. In der Version habe ich noch viel "unter der Haube" optimiert und einige kleinere Bugs behoben. Das GitHub-Wiki wurde ebenfalls in Teilen überarbeitet. Die v2.3.0 sollte dann auch in zwei Wochen ins Stable-Repo gehen. Von daher: wer Lust und Zeit hat bitte testen und hier ggf. Fehler posten und Feedback geben, auch wenn noch etwas fehlt.

    sigi234S Online
    sigi234S Online
    sigi234
    Forum Testing Most Active
    schrieb am zuletzt editiert von
    #339

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

    auch wenn noch etwas fehlt.

    Na da fallen mir einige ein:

    Table Widget
    Plump Widget
    Windows and Shutter Widgets
    Door Widget
    Thermostat Widget
    Cam Widget

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

    carsten04C 1 Antwort Letzte Antwort
    0
    • sigi234S sigi234

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

      auch wenn noch etwas fehlt.

      Na da fallen mir einige ein:

      Table Widget
      Plump Widget
      Windows and Shutter Widgets
      Door Widget
      Thermostat Widget
      Cam Widget

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

      @sigi234 Ich meinte auch eher bei den vorhandenen Widgets :-). Neue Widgets kommen dann immer mal wieder dazu . . .

      1 Antwort Letzte Antwort
      1
      • M Offline
        M Offline
        Mirtl
        schrieb am zuletzt editiert von
        #341

        Ich bin gerade auf diese Widget-Sammlung gestoßen. Sieht generell super aus.
        Ein Frage hätte ich allerdings. Ich bin auf der Suche nach einem Dropdown-Widget, deren Listenwerte nicht starr am Widget hinterlegt sein müssen, sondern dynamisch aus seiner JSON gelesen werden können.
        Hintergrund ist der, dass ich eine Vielzahl dieser dropdown benötige, welche aber eigentlich die gleichen Listenpunkte benötigt. Wenn hier einer dazukommt oder wegfällt, so müssen derzeit alle Widgets händisch angepasst werden. Das macht auf Dauer keinen Spaß.

        Ist diese Funktion bei Dir implementiert? Hab jetzt so weiter nix gefunden. Danke Dir schon mal.

        carsten04C 1 Antwort Letzte Antwort
        0
        • M Mirtl

          Ich bin gerade auf diese Widget-Sammlung gestoßen. Sieht generell super aus.
          Ein Frage hätte ich allerdings. Ich bin auf der Suche nach einem Dropdown-Widget, deren Listenwerte nicht starr am Widget hinterlegt sein müssen, sondern dynamisch aus seiner JSON gelesen werden können.
          Hintergrund ist der, dass ich eine Vielzahl dieser dropdown benötige, welche aber eigentlich die gleichen Listenpunkte benötigt. Wenn hier einer dazukommt oder wegfällt, so müssen derzeit alle Widgets händisch angepasst werden. Das macht auf Dauer keinen Spaß.

          Ist diese Funktion bei Dir implementiert? Hab jetzt so weiter nix gefunden. Danke Dir schon mal.

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

          @Mirtl Das können die Widgets noch nicht, da es ein ganz anderer Ansatz wäre. Aber es gibt ja noch viele andere Widgets für vis-2, z.B. die inventwo. Da kenne ich mich aber zu wenig aus, um dir jetzt konkret sagen zu können, ob das geht oder nicht.

          M 1 Antwort Letzte Antwort
          0
          • carsten04C carsten04

            @Mirtl Das können die Widgets noch nicht, da es ein ganz anderer Ansatz wäre. Aber es gibt ja noch viele andere Widgets für vis-2, z.B. die inventwo. Da kenne ich mich aber zu wenig aus, um dir jetzt konkret sagen zu können, ob das geht oder nicht.

            M Offline
            M Offline
            Mirtl
            schrieb am zuletzt editiert von
            #343

            @carsten04 Danke für die Antwort. Die gängigen Widgets habe ich alle durch. Da ist kein einziges dabei, das meine Wünsche unterstützen würde (oder ich bin zu doof, es zu kapieren).
            Dann bleibt mir halt nur der Weg des händischen anpassens.

            1 Antwort Letzte Antwort
            0
            • carsten04C carsten04
              Aktuelle Version 2.3.3
              Veröffentlichungsdatum 16.02.2026
              Github Link https://github.com/Steiger04/ioBroker.vis-2-widgets-collection

              Hallo Alle,

              ich bin gerade dabei für die Vis 2 Widgets zu entwickeln. Der Adapter kann jetzt als npm-Package installiert werden und steht auch im Beta-Repo zur Verfügung:

              iobroker url iobroker.vis-2-widgets-collection@latest
              

              oder

              0da7ea0b-749d-40b9-9007-cdfc625725f1-image.png
              Danach dann unter Adapter im Admin eine Instanz anlegen.

              oder

              2e5a08f5-f1a8-4fef-92fd-84072a857911-image.png

              Z.Z. gibt es neun Widgets, nämlich State, ButtonGroup, RadioGroup, Slider, Switch, Checkbox, Select, Dialog und Gauge, mit denen man schon einige Anwendungsfälle abdecken kann. Mit der Zeit werden nach und nach weitere Widgets dazukommen.

              Zum Schluß noch ein kleiner Eindruck was man mit z.B. dem State-Widget schon machen kann und ein paar Einstellmöglichkeiten:

              vis-2-widget-collection.gif

              Einstellungen:
              0aa39fd9-23f4-4ecc-a297-fdf7a3953cd5-image.png

              354f8f63-0fb9-49dc-8b38-99e460172cf8-image.png

              8645e0ed-9528-4537-9bb9-0782a9bc721c-image.png

              Feedback bitte hier oder auf GitHub.

              Grüße
              Carsten

              sigi234S Online
              sigi234S Online
              sigi234
              Forum Testing Most Active
              schrieb am zuletzt editiert von sigi234
              #344

              @carsten04

              Hallo, kannst du beim Auswahlwidget nur lesen einbauen?

              Screenshot (1448).png

              Screenshot (1449).png

              {
                "type": "state",
                "common": {
                  "name": "552",
                  "type": "number",
                  "role": "level",
                  "write": false,
                  "read": true,
                  "def": 0,
                  "states": {
                    "0": "Inactive",
                    "1": "Ready",
                    "2": "DelayedStart",
                    "3": "Run",
                    "4": "Pause",
                    "5": "ActionRequired",
                    "6": "Finished",
                    "7": "Error",
                    "8": "Aborting"
                  }
                },
                "native": {},
                "from": "system.adapter.cloudless-homeconnect.0",
                "user": "system.user.admin",
                "ts": 1740755632019,
                "_id": "cloudless-homeconnect.0.xxxxxxxxxxx.Status.OperationState",
                "acl": {
                  "object": 1636,
                  "state": 1636,
                  "owner": "system.user.admin",
                  "ownerGroup": "system.group.administrator"
                }
              }
              

              Ist ein GS und ich möchte den Status angezeigt bekommen.

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

              carsten04C 1 Antwort Letzte Antwort
              0
              • sigi234S sigi234

                @carsten04

                Hallo, kannst du beim Auswahlwidget nur lesen einbauen?

                Screenshot (1448).png

                Screenshot (1449).png

                {
                  "type": "state",
                  "common": {
                    "name": "552",
                    "type": "number",
                    "role": "level",
                    "write": false,
                    "read": true,
                    "def": 0,
                    "states": {
                      "0": "Inactive",
                      "1": "Ready",
                      "2": "DelayedStart",
                      "3": "Run",
                      "4": "Pause",
                      "5": "ActionRequired",
                      "6": "Finished",
                      "7": "Error",
                      "8": "Aborting"
                    }
                  },
                  "native": {},
                  "from": "system.adapter.cloudless-homeconnect.0",
                  "user": "system.user.admin",
                  "ts": 1740755632019,
                  "_id": "cloudless-homeconnect.0.xxxxxxxxxxx.Status.OperationState",
                  "acl": {
                    "object": 1636,
                    "state": 1636,
                    "owner": "system.user.admin",
                    "ownerGroup": "system.group.administrator"
                  }
                }
                

                Ist ein GS und ich möchte den Status angezeigt bekommen.

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

                @sigi234 Wenn es Dir nur um den Status geht, dann nehme doch das State Widget mit "Nur Anzeige" aktiviert, oder habe ich Dich falsch verstanden?

                7effd3d6-0bc9-4f42-8391-398cd0b67147-image.png

                sigi234S 1 Antwort Letzte Antwort
                1
                • carsten04C carsten04

                  @sigi234 Wenn es Dir nur um den Status geht, dann nehme doch das State Widget mit "Nur Anzeige" aktiviert, oder habe ich Dich falsch verstanden?

                  7effd3d6-0bc9-4f42-8391-398cd0b67147-image.png

                  sigi234S Online
                  sigi234S Online
                  sigi234
                  Forum Testing Most Active
                  schrieb am zuletzt editiert von sigi234
                  #346

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

                  @sigi234 Wenn es Dir nur um den Status geht, dann nehme doch das State Widget mit "Nur Anzeige" aktiviert, oder habe ich Dich falsch verstanden?

                  Diese Option habe ich bei mir nicht. Ich habe mal nur Zustände genommen.

                  Screenshot (1450).png

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

                  carsten04C 1 Antwort Letzte Antwort
                  0
                  • sigi234S sigi234

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

                    @sigi234 Wenn es Dir nur um den Status geht, dann nehme doch das State Widget mit "Nur Anzeige" aktiviert, oder habe ich Dich falsch verstanden?

                    Diese Option habe ich bei mir nicht. Ich habe mal nur Zustände genommen.

                    Screenshot (1450).png

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

                    @sigi234 "Nur Anzeige" wird dann dargestellt, wenn common.write=true. Wenn write in common fehlt, oder auf false gesetzt ist, fehlt die Checkbox. Ich werde bei einem der nächsten Patches es so machen, dass die Checkbox immer dargestellt wird. Das Problem mit read und write in common ist, dass es leider nicht durchgänig bei allen States durch die zugehörigen Adapter richtig gesetzt wird (manchmal fehlen die Einträge komplett) und ioBroker macht hier auch keine Vorgaben. Man kann sich auf die Einträge in common daher leider nicht verlassen, ansonsten wären read und write natürlich für das Verhalten eines Widgets perfekt nutzbar.

                    1 Antwort Letzte Antwort
                    1
                    • Merlin123M Offline
                      Merlin123M Offline
                      Merlin123
                      schrieb am zuletzt editiert von
                      #348

                      Irgendwie hat sich das Verhalten des Licht Widgets geändert....
                      Ich schaffe es bei den Hue Leuchten nicht mehr, dass bei
                      hue.0.xxx.on = false Bild 1
                      und bei
                      hue.0.xxx.on = true Bild 2
                      angezeigt wird.
                      Bei dem wird immer das Bild der eingeschaltenen Lampe angezeigt. Hat vor kurzem (weiß aber nicht bei welcher Version) noch geklappt. Ist mir nur erst gestern aufgefallen

                      [
                        {
                          "tpl": "tplLight2CollectionWidget",
                          "data": {
                            "bindings": [],
                            "iconXOffset": "0px",
                            "g_common": true,
                            "iconYOffset": "0px",
                            "noHeaderIcon": false,
                            "header": "",
                            "footer": "",
                            "basePadding": 0,
                            "baseElevation": 0,
                            "background": "",
                            "frameBackground": "",
                            "sampleInterval": false,
                            "g_light": true,
                            "sampleIntervalValue": 200,
                            "delay": 300,
                            "colorLightButton": true,
                            "colorLightDelayLongPress": 500,
                            "colorLightModalHeight": 300,
                            "colorLightSliderWidth": 1,
                            "colorLightBorderWidth": 3,
                            "colorLightPadding": 1,
                            "colorLightUIComponent": "wheel",
                            "colorWheelLightness": false,
                            "colorLightType": "h/s/v/cct",
                            "colorLightCtMin": 2000,
                            "colorLightCtMax": 6500,
                            "colorLightSwitchOid": "hue.0.Esstisch.on",
                            "colorLightBrightnessOid": "hue.0.Esstisch.level",
                            "colorLightHueOid": "hue.0.Esstisch.hue",
                            "colorLightSaturationOid": "hue.0.Esstisch.sat",
                            "colorLightTemperatureOid": "hue.0.Esstisch.ct",
                            "colorLightRedOid": "hue.0.Esstisch.r",
                            "colorLightGreenOid": "hue.0.Esstisch.g",
                            "colorLightBlueOid": "hue.0.Esstisch.b",
                            "colorLightSwitchOidObject": {
                              "_id": "hue.0.Esstisch.on",
                              "name": "Esstisch.on",
                              "type": "boolean",
                              "icon": null,
                              "write": true,
                              "onlyDisplay": false,
                              "unit": "",
                              "minValue": 0,
                              "maxValue": 100
                            },
                            "icon": "_PRJ_NAME/bulb_on.png",
                            "write": true,
                            "onlyDisplay": false,
                            "minValue": 0,
                            "maxValue": 100,
                            "values_count": 2,
                            "value1": "false",
                            "alias1": "FALSE",
                            "value2": "true",
                            "alias2": "TRUE",
                            "iconSize": 0,
                            "iconSmall1": "",
                            "iconColor1": "red",
                            "iconSize1": 100,
                            "iconSmall2": "",
                            "iconColor2": "green",
                            "iconSize2": 100,
                            "colorLightBrightnessOidObject": {
                              "_id": "hue.0.Esstisch.level",
                              "name": "Esstisch.level",
                              "type": "number",
                              "icon": null,
                              "write": true,
                              "onlyDisplay": false,
                              "unit": "",
                              "minValue": 0,
                              "maxValue": 100
                            },
                            "colorLightHueOidObject": {
                              "_id": "hue.0.Esstisch.hue",
                              "name": "Esstisch.hue",
                              "type": "number",
                              "icon": null,
                              "write": true,
                              "onlyDisplay": false,
                              "unit": "°",
                              "minValue": 0,
                              "maxValue": 360
                            },
                            "colorLightSaturationOidObject": {
                              "_id": "hue.0.Esstisch.sat",
                              "name": "Esstisch.sat",
                              "type": "number",
                              "icon": null,
                              "write": true,
                              "onlyDisplay": false,
                              "unit": "",
                              "minValue": 0,
                              "maxValue": 254
                            },
                            "colorLightTemperatureOidObject": {
                              "_id": "hue.0.Esstisch.ct",
                              "name": "Esstisch.ct",
                              "type": "number",
                              "icon": null,
                              "write": true,
                              "onlyDisplay": false,
                              "unit": "°K",
                              "minValue": 2000,
                              "maxValue": 6536
                            },
                            "colorLightRedOidObject": {
                              "_id": "hue.0.Esstisch.r",
                              "name": "Esstisch.r",
                              "type": "number",
                              "icon": null,
                              "write": true,
                              "onlyDisplay": false,
                              "unit": "",
                              "minValue": 0,
                              "maxValue": 255
                            },
                            "colorLightGreenOidObject": {
                              "_id": "hue.0.Esstisch.g",
                              "name": "Esstisch.g",
                              "type": "number",
                              "icon": null,
                              "write": true,
                              "onlyDisplay": false,
                              "unit": "",
                              "minValue": 0,
                              "maxValue": 255
                            },
                            "colorLightBlueOidObject": {
                              "_id": "hue.0.Esstisch.b",
                              "name": "Esstisch.b",
                              "type": "number",
                              "icon": null,
                              "write": true,
                              "onlyDisplay": false,
                              "unit": "",
                              "minValue": 0,
                              "maxValue": 255
                            },
                            "noHeader": true,
                            "noFooter": true,
                            "iconSmall": "",
                            "background1": "rgba(0,0,0,0)",
                            "backgroundColor1": "rgba(0,0,0,0)",
                            "frameBackground1": "rgba(0,0,0,0)",
                            "frameBackgroundColor1": "rgba(0,0,0,0)",
                            "background2": "rgba(0,0,0,0)",
                            "backgroundColor2": "rgba(0,0,0,0)",
                            "frameBackground2": "rgba(0,0,0,0)",
                            "frameBackgroundColor2": "rgba(0,0,0,0)",
                            "noCard": true,
                            "backgroundColor": "rgba(0,0,0,0)",
                            "frameBackgroundColor": "rgba(0,0,0,0)",
                            "colorLightBorderColor": "rgba(0,0,0,0)",
                            "icon1": "_PRJ_NAME/bulb_off.png",
                            "icon2": "_PRJ_NAME/bulb_on.png",
                            "name": "Licht Estisch",
                            "comment": null,
                            "class": null,
                            "filterkey": null,
                            "multi-views": null,
                            "locked": null,
                            "g_fixed": true
                          },
                          "style": {
                            "bindings": [
                              "z-index"
                            ],
                            "left": "325px",
                            "top": 44,
                            "width": "100px",
                            "height": "100px",
                            "position": "",
                            "z-index": "3"
                          },
                          "widgetSet": "vis-2-widgets-collection",
                          "_id": "i000001"
                        }
                      ]
                      

                      Beta-Tester

                      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

                      640

                      Online

                      32.7k

                      Benutzer

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