NEWS
vis-2-widgets-collection
-
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-widgetSchöne Grüße.
-
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

@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.!
-
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.

und nicht so schön darunter wie hier überall.

Was hab ich da falsch gemacht?
-
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.

und nicht so schön darunter wie hier überall.

Was hab ich da falsch gemacht?
-
@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).
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?
-
@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).
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?
-
Thx für alles,
bin noch nicht so vertraut mit vis. Bin da die letzten 2 Tage etwas am herumprobieren damit. -
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.
-
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:

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.
@carsten04 könntest du das zur Verfügung stellen ?
Das wäre super -
-
@carsten04 könntest du das zur Verfügung stellen ?
Das wäre super -
Ja ich bekomm die Datenpunkte irgendwie nicht zugeordnet und auch die Farben nicht hinterlegt .
Den Slider habe ich@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.