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 -
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.
-
@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.
@carsten04
Hallo, Irgendwie bekomme ich es nicht hin. Kannst du mir das Widget mit deinen Einstellungen zur Rollladensteuerung zur VerfĂŒgung stellen? -
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
-
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
@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.
-
@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
Beta-Tester
-
@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
-
@Merlin123 v2.1.1 ist die aktuelle Version. 'level.color.luminance',
'level.color.white' benötigst Du fĂŒr Deine Lampe nicht.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?
Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen BeitrĂ€ge zu scrollen? Wenn du dich fĂŒr ein Konto anmeldest, kommst du immer genau dorthin zurĂŒck, wo du zuvor warst, und kannst dich ĂŒber neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und BeitrĂ€ge positiv bewerten, um anderen Community-Mitgliedern deine WertschĂ€tzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden đ
Registrieren AnmeldenSupport us
429
Online32.9k
Benutzer83.1k
Themen1.3m
BeitrÀge