Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

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

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

vis-2-widgets-collection

Scheduled Pinned Locked Moved Tester
334 Posts 34 Posters 77.3k Views 43 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.
  • icebearI icebear

    Oh wo wir grad dabei sind hätte ich auch noch einen Wunsch.

    Ein Circular-Progress-Widget wäre auch super, um z.B sowas darzustellen

    circ_wid.png

    G Offline
    G Offline
    GerdTernes
    wrote on last edited by GerdTernes
    #301

    @carsten04 Zunächste einmal Kompliment für die Widgets. Ich bin Anfang der Woche darauf gestossen und ich glaube das ist genau das was ich gesucht habe.

    (---- Eine kurze Anmerkung/Frage: Bei "Ausprobieren" der Widgets habe ich versucht meine Rolladen (Homematic und shelly) damit zu steuern. Das funktioniert auch soweit ganz gut. Die Widgets habe ich per copy/paste eingefügt. Leider wird dann nicht immer der aktuelle Zustand (icon rechts oben) angezeigt. Wo genau stelle ich das ein? ---- gelöst. man muss den Rahmen einstellen)

    Eine zweite Anmerkung/Wunsch: Ich habe einige Werte (im Energiebereich) die ich anhand von gespeicherten Werten berechne. Wäre dies auch im Widget zu realisieren?

    Danke nochmals für die Arbeit und die Mühe.!

    rolladen.png

    1 Reply Last reply
    0
    • simonf04S Offline
      simonf04S Offline
      simonf04
      wrote on last edited by
      #302

      @carsten04

      Bin grad echt am verzweifeln.
      Bei mir wird der State Wert rechts daneben angezeigt.
      Hab einfach nur ein State Widget hineingezogen, objectid selektiert und bei Wert[1] das Icon ergänzt.
      image.png

      und nicht so schön darunter wie hier überall.
      587171ea-97c9-4a9c-9117-a664c532f57e-image.png

      Was hab ich da falsch gemacht?

      carsten04C 1 Reply Last reply
      0
      • simonf04S simonf04

        @carsten04

        Bin grad echt am verzweifeln.
        Bei mir wird der State Wert rechts daneben angezeigt.
        Hab einfach nur ein State Widget hineingezogen, objectid selektiert und bei Wert[1] das Icon ergänzt.
        image.png

        und nicht so schön darunter wie hier überall.
        587171ea-97c9-4a9c-9117-a664c532f57e-image.png

        Was hab ich da falsch gemacht?

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

        @simonf04 Du hast nichts falsch gemacht. Ein zusätzlicher Klick auf No Value, und Du bist am Ziel 😉.

        1 Reply Last reply
        0
        • simonf04S Offline
          simonf04S Offline
          simonf04
          wrote on last edited by
          #304

          @carsten04
          Ok, danke für die schnelle Antwort und Lösung. Manchmal ist man echt blind 😅.

          Noch ne Frage:
          Wie konfigurier ich den Batterie Status? (vermute ich mal, dass es darstellen soll).

          image.png

          Batterie Füllstand ist bei mir ein anderes Objekt. Somit bräuchte es im Prinzip nochmal alle Optionen (ObjectID + Values) für das Status Symbol links oben.

          Wie hast du das umgesetzt? Oder War das im initialen Post nur ein fixes Beispiel Icon und repräsentiert eigentlich garnicht den Batteriestatus?

          carsten04C 1 Reply Last reply
          0
          • simonf04S simonf04

            @carsten04
            Ok, danke für die schnelle Antwort und Lösung. Manchmal ist man echt blind 😅.

            Noch ne Frage:
            Wie konfigurier ich den Batterie Status? (vermute ich mal, dass es darstellen soll).

            image.png

            Batterie Füllstand ist bei mir ein anderes Objekt. Somit bräuchte es im Prinzip nochmal alle Optionen (ObjectID + Values) für das Status Symbol links oben.

            Wie hast du das umgesetzt? Oder War das im initialen Post nur ein fixes Beispiel Icon und repräsentiert eigentlich garnicht den Batteriestatus?

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

            @simonf04 Das ist ein Signal (Signalbild) von denen Du 6 Stück nutzen kannst.

            1 Reply Last reply
            0
            • simonf04S Offline
              simonf04S Offline
              simonf04
              wrote on last edited by
              #306

              @carsten04

              Thx für alles,
              bin noch nicht so vertraut mit vis. Bin da die letzten 2 Tage etwas am herumprobieren damit.

              1 Reply Last reply
              0
              • carsten04C Online
                carsten04C Online
                carsten04
                Developer
                wrote on last edited by 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 Reply Last reply
                2
                • carsten04C Online
                  carsten04C Online
                  carsten04
                  Developer
                  wrote on last edited by 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 Reply Last reply
                  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
                    wrote on last edited by
                    #309

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

                    carsten04C 1 Reply Last reply
                    0
                    • Z zizu29

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

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

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

                      1 Reply Last reply
                      0
                      • Z Offline
                        Z Offline
                        zizu29
                        wrote on last edited by
                        #311

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

                        carsten04C 1 Reply Last reply
                        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
                          wrote on last edited by
                          #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 Reply Last reply
                          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
                            wrote on last edited by
                            #313

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

                            1 Reply Last reply
                            0
                            • Merlin123M Offline
                              Merlin123M Offline
                              Merlin123
                              wrote on last edited by 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 Reply Last reply
                              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
                                wrote on last edited by 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 Reply Last reply
                                0
                                • Merlin123M Offline
                                  Merlin123M Offline
                                  Merlin123
                                  wrote on last edited by
                                  #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 Reply Last reply
                                  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
                                    wrote on last edited by
                                    #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 Reply Last reply
                                    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
                                      wrote on last edited by
                                      #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 Reply Last reply
                                      0
                                      • Merlin123M Offline
                                        Merlin123M Offline
                                        Merlin123
                                        wrote on last edited by
                                        #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 Reply Last reply
                                        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
                                          wrote on last edited by
                                          #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 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

                                          711

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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