Der neue Monatsrückblick für Mai und Juni 2026 ist online!

[Dragon]

@sigi234
Die INfos kommen vom Adapter. Die visaulisierung ist doch ein widget. Ich möchte im widget temperatur, luftfeuchtigkeit und helligkeit anzeigen lassen. Über das List widget schaffe ich aber nur den linken teil. DIe Werte tauchen nicht auf.

[Dragon]

Im Endeffekt suche ein Value/Wert Widget aber mit mehr als einem Eintrag. Das List Widget hat aber keine Funktion weil es keinen Wert anzeigt, allerdings wird auch im Value Widget kein Wert angezeigt.

[Cyberraph]

Ich gehe aktuell alle einzelnen Widgets durch und sehe mir an,
was ich mit denen bewerkstelligen kann.
Teils verstehe ich auch viel nicht aus eigener Unerfahrenheit.
Aber ich versuche mir etwas Überblick zu verschaffen zusammen mit:
-> Doku von typhos für vorliegenden VIS-2 Material Adapter
---> siehe: https://github.com/typhosj/ioBroker.vis2-materialdesign/blob/master/doc/de/README.md und dort als Übersicht der vollständige Widget-Katalog
-> Parallel frag ich Chat-GPT, ob ich so auf Gedankenanstöße komme
-> Und Doku des VIS-1 Material Adapters schaue ich auch parallel, die nochmal etwas umfangreicher ist und zumindest im Ansatz Ähnlichkeiten sicherlich hat in der Eingabe. Zum erörtern, ob ggf. etwas Richtiges raus kommt bei meinen Eingaben
---> siehe: https://github.com/Scrounger/ioBroker.vis-materialdesign#multi-state-2

Vieles kommt mir aber teilweise komisch vor und ich erstelle aktuell ein paar Issues, wenn mir was auffällt.
Ist ja erst BETA und da muss noch einiges gefixed werden auf alle Fälle.

Aber das Grundgerüst finde ich schon extrem spannend.

---

@dragon
Ginge das nicht ggf. wie du schon sagst mit dem "Table" Widget.
-> https://github.com/typhosj/ioBroker.vis2-materialdesign/blob/master/doc/de/widgets/table.md

Oder vll. schafft man sowas auch mit dem "List" Widget.
-> https://github.com/typhosj/ioBroker.vis2-materialdesign/blob/master/doc/de/widgets/list.md

[Dragon]

@Cyberraph siehe mein Post oben...
Das Table Widget klappt nicht, weil es ja keine Tabelle ist, sondern mehrere Datenpunkte die angezeigt werden sollen.

[Cyberraph]

@dragon
Soweit ich das verstehe dürfte das ggf. ein selbst gebasteltes HTML sein.
Also ein HTML Widget wo man seinen HTML-Code reingeschreiben hat, der die Darstellung samt Objekten einfügt wie gewünscht.

Hab das mit dem Material-Design VIS-2 Widget von Bluefox verglichen.
Dürfte sowas sein.

Und bei dem vorliegenden Adapter gibt es ja genauso ein HTML Widget.

Spoiler

Spoiler

Mit beispielhaft folgendem HTML darin:

Spoiler

Admin Memory: <span style="color: #73b9ff">{system.adapter.admin.0.memHeapTotal.val}MB</span> <br>
Admin Memory: <span style="color: #73b9ff">{system.adapter.admin.0.memHeapTotal.val}MB</span> <br>
Admin Memory: <span style="color: #73b9ff">{system.adapter.admin.0.memHeapTotal.val}MB</span> <br>
Admin Memory: <span style="color: #73b9ff">{system.adapter.admin.0.memHeapTotal.val}MB</span> <br>
Admin Memory: <span style="color: #73b9ff">{system.adapter.admin.0.memHeapTotal.val}MB</span>

Soweit ich verstehe, gab es beim Materials Adapter von Bluefox einen Wizard (Button bei den Widgets),
der dann per Kategorien (Räume und Funktionen) automatisiert solche Kacheln erstellt hat.

[sigi234]

@Dragon sagte:

@sigi234
Die INfos kommen vom Adapter. Die visaulisierung ist doch ein widget. Ich möchte im widget temperatur, luftfeuchtigkeit und helligkeit anzeigen lassen. Über das List widget schaffe ich aber nur den linken teil. DIe Werte tauchen nicht auf.

Ach so , verstanden.

So was:

[Dragon]

@sigi234 genau das. Was für ein widget ist das?

[sigi234]

@Dragon sagte:

@sigi234 genau das. Was für ein widget ist das?

Steht unter Attribute

[typhos]

@Dragon Die Objekt-ID einer Listenzeile steuert nur den Zustand der Zeile - also den Switch, die Checkbox oder den Button. Sie schreibt keinen Wert in den Text, das ist in VIS 1 im Material-Design-Widget genauso.

Werte kommen über die Bindung von VIS 2: eine Objekt-ID in geschweiften Klammern in einem Textfeld wird zur Laufzeit durch den Wert des States ersetzt. Das funktioniert in jedem Text- und HTML-Feld der Widgets, also auch in Beschriftung, Unterzeile und rechter Beschriftung jeder Listenzeile.

Für deinen Fall also die Liste, Listentyp Text, Anzahl der Einträge 3, und je Zeile:

Beschriftung:          Temperatur
rechte Beschriftung:   {0_userdata.0.temperatur}°C

Beschriftung:          Luftfeuchte
rechte Beschriftung:   {0_userdata.0.feuchte}%

Beschriftung:          Helligkeit
rechte Beschriftung:   {0_userdata.0.helligkeit} lx

Damit stehen mehrere Werte untereinander in einem Widget, statt eine Wertanzeige je Datenpunkt. Icon je Zeile und Trennlinien gibt es in derselben Gruppe dazu.

Beim Formatieren (Nachkommastellen, Umrechnung, Bedingungen) hilft der Bindungseditor von VIS 2: das Ketten-Symbol neben dem Feldnamen schaltet das Feld darauf um.

Die Tabelle passt hier nicht, weil sie ihre Zeilen aus einem JSON-State liest - die wäre erst dann richtig, wenn die Werte schon als JSON-Array vorliegen (z.B. aus einem Skript).

Dass das nirgends stand, war eine Lücke in meiner Dokumentation, danke für den Hinweis - Abschnitt „Werte in Texten anzeigen" kommt mit dem nächsten Stand ins Handbuch, verlinkt aus Liste, Tabelle und Wertanzeige.

[Oli]

@typhos
erstmal danke, dass du den Adapter weiter pflegst. Ich teste gerade das Kalender-Widget und dabei sind mir folgende Dinge aufgefallen:

1. Die Schriftfarbe der vergangenen Tage lässt sich nicht ändern
2. Bei Ganz- und Mehrtagesterminen wird immer ein Tag mehr angezeigt
3. Bei Terminen mit hinterlegter Uhrzeit wurde beim alten Adapter im Monatskalender die Startzeit angezeigt, dass macht er jetzt nicht mehr
4. Beim Wochenkalender wäre schön, wenn man die ganze Spalte der Uhrzeit einfärben könnte und oben vor dem 1. Tag die KW anzeigen könnte
5. Es wäre schön, wenn das Widget mit dem JSON aus dem ICAL Adapter direkt arbeiten könnte, oder zumindest die Begriffe davon berücksichtigen würde.
6. Es wäre cool, wenn beim Tages und Wochenkalender eine Markierung bei der aktuellen Uhrzeit wäre

Bei Rückfragen gerne melden
Gruß
Oliver