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
    14
    1
    182

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    12
    1
    572

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.8k

vis-2-widgets-collection

Geplant Angeheftet Gesperrt Verschoben Tester
312 Beiträge 33 Kommentatoren 75.5k Aufrufe 43 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.
  • M Offline
    M Offline
    Mani79
    schrieb am zuletzt editiert von
    #299

    @carsten04

    Erstmal Danke für die ganze Arbeit an den Widgets.
    Bin gerade dabei meine Vis auf Vis2 umzustellen und bin auf deine Widgets gestoßen.

    Wäre es bei dem Slider möglich einen runden Slider zu machen? So wie in den Material Design Widget.
    https://forum.iobroker.net/topic/29661/material-design-widgets-slider-widget

    Schöne Grüße.

    1 Antwort Letzte Antwort
    0
    • icebearI Offline
      icebearI Offline
      icebear
      schrieb am zuletzt editiert von
      #300

      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 1 Antwort Letzte Antwort
      1
      • 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
        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
        0
        • simonf04S Online
          simonf04S Online
          simonf04
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #303

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

            1 Antwort Letzte Antwort
            0
            • simonf04S Online
              simonf04S Online
              simonf04
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #305

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

                1 Antwort Letzte Antwort
                0
                • simonf04S Online
                  simonf04S Online
                  simonf04
                  schrieb am zuletzt editiert von
                  #306

                  @carsten04

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

                  1 Antwort Letzte Antwort
                  0
                  • 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.

                              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

                              893

                              Online

                              32.5k

                              Benutzer

                              81.8k

                              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