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
    15
    1
    900

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    1.9k

vis-2-widgets-collection

Geplant Angeheftet Gesperrt Verschoben Tester
322 Beiträge 34 Kommentatoren 75.9k Aufrufe 45 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 Online
    carsten04C Online
    carsten04
    Developer
    schrieb am zuletzt editiert von carsten04
    #307

    Es gibt eine neue Version v2.0.6. Der Widget-Adapter ist jetzt komplett auf typescript umgestellt und ich habe unter der Haube noch einige Optimierungen durchgeführt und kleinere Bugs behoben. Insbesondere bei dem Lichter-Widget habe ich noch einiges investiert, hier also gerne auch testen. Wer noch Probleme findet, bitte hier posten.

    1 Antwort Letzte Antwort
    2
    • carsten04C Online
      carsten04C Online
      carsten04
      Developer
      schrieb am zuletzt editiert von carsten04
      #308

      Es gibt jetzt mit der v2.0.11 ein recht umfangreiches Wiki im Repo auf GitHub für alle die gerne Dokus lesen 😁.

      1 Antwort Letzte Antwort
      1
      • carsten04C carsten04

        Es gibt eine neue Version v1.1.12. Das Slider-Widget hat jetzt eine Aktiv-Gruppe bekommen. Damit ist es möglich den aktuellen Slider-Wert besonders hervorzuheben (ähnlich wie bei der Button Group).

        Das kann dann z.B. so aussehen:

        widget-html-slider.gif

        Grundsätzlich sind alle Werte individuell konfigurierbar, so dass sich sehr viele Anwendungsfälle auch ohne direktes HTML/CSS abdecken lassen.

        Anmerkung zur prinzipiellen Funktionsweise der Widgets:

        • Die Allgemein-Gruppe enthält immer identische Einstellmöglichkeiten

        • Jedes Widget enhält eine Gruppe mit individuelle Einstellungen, je nach Widget-Typ

        • Für alle Widgets lassen sich beliebige Werte (mit dem passenden Typ) definieren, die dann einzeln angewählt werden können. Dies geschieht entweder individuell und/oder indem im Objekt (oid) unter common.states bereits erlaubte Wertepaare definiert wurden, die dann automatisch jeweils als Wert-Gruppe angelegt werden und einstellbar sind.

        • Die Parametrierung von Textfarbe, Iconfarbe, etc. erfolgt fast immer vom Allgemeinen ins Spezielle, d.h. Aktiv-Gruppe(falls vorhanden) -> Wert-Gruppe -> Widgettyp-Gruppe -> Allgemein-Gruppe -> CSS-Gruppen

        Wenn ihr Fehler findet oder Fragen habt, dann bitte hier posten.

        Z Offline
        Z Offline
        zizu29
        schrieb am zuletzt editiert von
        #309

        @carsten04 könntest du das zur Verfügung stellen ?
        Das wäre super

        carsten04C 1 Antwort Letzte Antwort
        0
        • Z zizu29

          @carsten04 könntest du das zur Verfügung stellen ?
          Das wäre super

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

          @zizu29 Was meinst Du? Du kannst den Slider doch nutzen.

          1 Antwort Letzte Antwort
          0
          • Z Offline
            Z Offline
            zizu29
            schrieb am zuletzt editiert von
            #311

            Ja ich bekomm die Datenpunkte irgendwie nicht zugeordnet und auch die Farben nicht hinterlegt .
            Den Slider habe ich

            carsten04C 1 Antwort Letzte Antwort
            0
            • Z zizu29

              Ja ich bekomm die Datenpunkte irgendwie nicht zugeordnet und auch die Farben nicht hinterlegt .
              Den Slider habe ich

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

              @zizu29 Ich bin die nächsten Tage nicht am Rechner und kann Dir daher kein Beispiel posten. Eigentlich musst Du aber nur die Werte anlegen und so "stylen" wie Du möchtest. Da kann man eigentlich nicht viel falsch machen. Ich habe auf GitHub auch noch ein recht ausführliches Wiki angelegt, vielleicht hilft das ja noch weiter.

              Z 1 Antwort Letzte Antwort
              0
              • carsten04C carsten04

                @zizu29 Ich bin die nächsten Tage nicht am Rechner und kann Dir daher kein Beispiel posten. Eigentlich musst Du aber nur die Werte anlegen und so "stylen" wie Du möchtest. Da kann man eigentlich nicht viel falsch machen. Ich habe auf GitHub auch noch ein recht ausführliches Wiki angelegt, vielleicht hilft das ja noch weiter.

                Z Offline
                Z Offline
                zizu29
                schrieb am zuletzt editiert von
                #313

                @carsten04
                Hallo, Irgendwie bekomme ich es nicht hin. Kannst du mir das Widget mit deinen Einstellungen zur Rollladensteuerung zur Verfügung stellen?

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

                  Brauch mal "Licht für Dummies" Hilfe.
                  Wenn ich das Licht Widget in die Vis ziehe, dann bei dem DP für schalten den On DP der Hue Leuchte einstelle und Lichtyp auf HSV werden die 3 DPs für die Lichtsteuerung gefüllt.
                  Im Widget steht aber weiterhin "Please select a valid object ID".

                  Welche ID fehlt dem denn da?

                  Wenn ich r/g/b & cct nehme, ist es das Gleiche

                  Beta-Tester

                  carsten04C 1 Antwort Letzte Antwort
                  0
                  • Merlin123M Merlin123

                    Brauch mal "Licht für Dummies" Hilfe.
                    Wenn ich das Licht Widget in die Vis ziehe, dann bei dem DP für schalten den On DP der Hue Leuchte einstelle und Lichtyp auf HSV werden die 3 DPs für die Lichtsteuerung gefüllt.
                    Im Widget steht aber weiterhin "Please select a valid object ID".

                    Welche ID fehlt dem denn da?

                    Wenn ich r/g/b & cct nehme, ist es das Gleiche

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

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

                    Brauch mal "Licht für Dummies" Hilfe.
                    Wenn ich das Licht Widget in die Vis ziehe, dann bei dem DP für schalten den On DP der Hue Leuchte einstelle und Lichtyp auf HSV werden die 3 DPs für die Lichtsteuerung gefüllt.
                    Im Widget steht aber weiterhin "Please select a valid object ID".

                    Welche ID fehlt dem denn da?

                    Wenn ich r/g/b & cct nehme, ist es das Gleiche

                    Du musst im Objekt die richtigen Rollen gesetzt haben:
                    'switch.light'
                    'level.color.rgb'
                    'level.color.red'
                    'level.color.green'
                    'level.color.blue'
                    'level.color.hue'
                    'level.color.saturation'
                    'level.brightness'
                    'level.dimmer'
                    'level.color.temperature'
                    'level.color.luminance'
                    'level.color.white'
                    Wenn es das nicht war, dann noch einmal melden.

                    Es gibt auch eine neue Version v2.1.1 zum installieren.

                    1 Antwort Letzte Antwort
                    0
                    • Merlin123M Offline
                      Merlin123M Offline
                      Merlin123
                      schrieb zuletzt editiert von
                      #316

                      @carsten04
                      Bei den rollen weiß ich nicht genau, wo ich die zuordnen soll:
                      'level.color.luminance'
                      'level.color.white'

                      Als letzte Version sehe ich die 2.1.1

                      Aber zumindest hat er bei hsv&cct jetzt anscheinend erstmal alle Werte gezogen und ich seh keine Fehlermeldeung mehr :)
                      Danke schonmal!

                      Den Rest muss ich heute nachmittag testen

                      Screenshot 2026-01-10 073952.png

                      Beta-Tester

                      carsten04C 1 Antwort Letzte Antwort
                      0
                      • Merlin123M Merlin123

                        @carsten04
                        Bei den rollen weiß ich nicht genau, wo ich die zuordnen soll:
                        'level.color.luminance'
                        'level.color.white'

                        Als letzte Version sehe ich die 2.1.1

                        Aber zumindest hat er bei hsv&cct jetzt anscheinend erstmal alle Werte gezogen und ich seh keine Fehlermeldeung mehr :)
                        Danke schonmal!

                        Den Rest muss ich heute nachmittag testen

                        Screenshot 2026-01-10 073952.png

                        carsten04C Online
                        carsten04C Online
                        carsten04
                        Developer
                        schrieb zuletzt editiert von
                        #317

                        @Merlin123 v2.1.1 ist die aktuelle Version. 'level.color.luminance',
                        'level.color.white' benötigst Du für Deine Lampe nicht.

                        carsten04C 1 Antwort Letzte Antwort
                        1
                        • carsten04C carsten04

                          @Merlin123 v2.1.1 ist die aktuelle Version. 'level.color.luminance',
                          'level.color.white' benötigst Du für Deine Lampe nicht.

                          carsten04C Online
                          carsten04C Online
                          carsten04
                          Developer
                          schrieb zuletzt editiert von
                          #318

                          sagte in vis-2-widgets-collection:

                          @Merlin123 v2.1.1 ist die aktuelle Version. 'level.color.luminance',
                          'level.color.white' benötigst Du für Deine Lampe nicht.

                          Kommst Du mit dem Light-Widget klar, oder fehlt noch etwas?

                          1 Antwort Letzte Antwort
                          0
                          • Merlin123M Offline
                            Merlin123M Offline
                            Merlin123
                            schrieb zuletzt editiert von
                            #319

                            @carsten04 so... Sieht schonmal gut aus...
                            2 Fragen:

                            1. Wie werde ich Hintergrund und Rahmen komplett los? Habe schon versucht die Farbe auf rgba(0,0,0,0) zu setzen, aber man sieht immer noch was.
                            2. Wenn ich eine Hue Lampe mit 40% Helligkeit über das Widget ausschalte und dann wieder einschalte, wird sie mit 100% Helligkeit eingeschaltet. Wie mache ich das, dass die mit dem letzten Wert eingeschaltet wird?

                            Screenshot 2026-01-10 164838.png

                            (Testseite, deswegen der Hintergrund :P )

                            Beta-Tester

                            carsten04C 1 Antwort Letzte Antwort
                            0
                            • Merlin123M Merlin123

                              @carsten04 so... Sieht schonmal gut aus...
                              2 Fragen:

                              1. Wie werde ich Hintergrund und Rahmen komplett los? Habe schon versucht die Farbe auf rgba(0,0,0,0) zu setzen, aber man sieht immer noch was.
                              2. Wenn ich eine Hue Lampe mit 40% Helligkeit über das Widget ausschalte und dann wieder einschalte, wird sie mit 100% Helligkeit eingeschaltet. Wie mache ich das, dass die mit dem letzten Wert eingeschaltet wird?

                              Screenshot 2026-01-10 164838.png

                              (Testseite, deswegen der Hintergrund :P )

                              carsten04C Online
                              carsten04C Online
                              carsten04
                              Developer
                              schrieb zuletzt editiert von
                              #320

                              @Merlin123

                              zu 1) 5caf73ef-4848-4816-ab0b-cc2f07f9d403-image.png

                              zu 2) Das ist eine Adaptereinstellung ed10af9c-ab1c-4c32-9fce-ecda663ddd47-image.png

                              1 Antwort Letzte Antwort
                              0
                              • Merlin123M Offline
                                Merlin123M Offline
                                Merlin123
                                schrieb zuletzt editiert von
                                #321

                                @carsten04
                                Das mit dem Schalten klappt jetzt. Danke :) Da wäre ich nie drauf gekommen...

                                Aber der Rand bzw. der Hintergrund will nicht weg:
                                Screenshot 2026-01-10 195547.png

                                Beta-Tester

                                1 Antwort Letzte Antwort
                                0
                                • Q Offline
                                  Q Offline
                                  quinti
                                  schrieb zuletzt editiert von
                                  #322

                                  Hallo,
                                  install lief ohne Fehlermeldung durch, Widgets werden aber in vis 2 nicht angezeigt

                                  root@iobroker:~# su hermann2
                                  hermann2@iobroker:/root$ iobroker url iobroker.vis-2-widgets-collection@latest
                                  install iobroker.vis-2-widgets-collection@latest
                                  NPM version: 11.5.1
                                  Installing iobroker.vis-2-widgets-collection@latest... (System call)
                                  
                                  added 1 package in 7s
                                  
                                  445 packages are looking for funding
                                    run `npm fund` for details
                                  upload [0] vis-2-widgets-collection.admin /opt/iobroker/node_modules/iobroker.vis-2-widgets-collection/admin/vis-2-widgets-collection.png vis-2-widgets-collection.png image/png
                                  Adapter "system.adapter.vis-2.0" restarted.
                                  Updating objects from io-package.json for adapter "vis-2-widgets-collection" with version "2.1.1"
                                  hermann2@iobroker:/root$ 
                                  
                                  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

                                  399

                                  Online

                                  32.6k

                                  Benutzer

                                  82.0k

                                  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