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

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.

@Dragon sagte:

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

Steht unter Attribute

@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:

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:

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.

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 sagte:

@sigi234 Welches widget ist denn Das wp mehrere Werte drin stehen (Systeminformationen) Ich finde nur eines in dem ich nur einen Wert angeben kann, aber nicht mehrere.

Das ist kein Widget kommt vom Admin Adapter.

Layout je Datensatz: Die Gruppe gab es im Port, sie wurde aber nur einmal angezeigt statt je Datensatz — gestalten ließ sich damit effektiv nur der erste. Ursache ist eine Eigenheit von VIS 2: es klappt nur die erste indizierte Attributgruppe eines Widgets auf, jede weitere wird einmalig gerendert. Beim Balkendiagramm traf das Farbe, Beschriftung, Werttext und Tooltip, beim Kreisdiagramm dasselbe, und beim Linienverlaufsdiagramm zusätzlich die Linien- und die y-Achsen-Optionen je Serie.

Jeder Datensatz hat jetzt wieder eine eigene Gruppe, die seine Objekt-ID und alle seine Optionen enthält. Gegenüber VIS 1 liegen Objekt-ID und Layout damit in einer Gruppe statt in zweien - inhaltlich fehlt nichts, und gespeicherte Diagramme behalten alle Werte, die Optionsnamen sind unverändert.

Anzahl der Datensätze: Beim Nachstellen fiel auf, dass die Option gar nicht die Anzahl war - VIS 1 speicherte dort den letzten Index und zählte 0 bis n, „3" ergab also vier Datensätze. Der Port hatte das mitgeerbt. Das ist jetzt geradegezogen: 3 heißt drei, mit den Gruppen Datensatz [0] bis [2]. Gleiches gilt ab sofort für alle Anzahl-Optionen des Adapters: Menüeinträge der Top App Bar, Tabellenspalten, Auswahlwerte, Objekt-IDs der Multi-State-Buttons, Ansichten von Advanced View in Widget und der responsiven Layouts.

Wichtig beim Übernehmen alter Widgets: wer den Wert aus einem VIS-1-Diagramm übernimmt, sollte ihn einmal prüfen — sonst fehlt der letzte Datensatz. Eine automatische Umrechnung gibt es bewusst nicht, die würde bei jedem falsch liegen, der den Wert nach der neuen Bedeutung eingetragen hat.

Noch ein Fund am Rande: Select und Autocomplete hatten ihre indizierte Eintragsgruppe komplett verloren. „Anzahl Auswahlwerte" ließ sich hochstellen, aber die Einträge hatten im Editor keinen Platz zum Ausfüllen. Auch repariert.

Alles liegt im master und kommt mit dem nächsten Release.

Beide Punkte aus deinem Nachtrag sind Bugs und behoben:

Die Klicks. Der leere Teil des Top-App-Bar-Rahmens war ein unsichtbares Klickziel — deshalb war darunter nichts mehr bedienbar, sobald du die Bar bildschirmgroß gezogen hast. Sie muss aber bildschirmgroß sein, damit der Drawer Platz hat. Jetzt nehmen nur Leiste, Drawer und Scrim Klicks an, der Rest ist durchlässig; du kannst die Bar also über die ganze Seite legen und das Widget 8 darunter voll nutzen. Damit erübrigt sich auch dein Workaround, die Unterseiten um die Höhe der Leiste zu kürzen.

Der z-Index. Deine Diagnose war genau richtig: es zieht die z-Position aus CSS-Allgemein. Sobald ein Widget dort einen z-Index bekommt, wird sein Rahmen ein eigener Stacking Context, und die 1000 des Klappmenüs zählt nur noch innerhalb des Widgets — gegen einen Toggle-Button mit z=51 daneben hatte sie keine Chance. Das Widget wird jetzt angehoben, solange das Menü offen ist, und fällt beim Schließen auf seinen eingestellten Wert zurück.
Dein GitHub-Issue zum Icon-Dialog ist ebenfalls erledigt: das Raster hörte nach 400 Icons auf, ohne Möglichkeit weiterzukommen — es lädt jetzt beim Scrollen nach.

Alles drei liegt im master und kommt mit dem nächsten Release. Wer bis dahin weiter testet: Fehler bitte weiter melden, gern als Issue mit Screenshot — die Screenshots in Issue #5 haben den z-Index-Fall in wenigen Minuten klärbar gemacht.

Hallo, endlich wird einer der Besten Widgets-Sammlungen in VIS1 für VIS-2 angepasst.
Danke dafür, ich werde sie ausgiebig testen.

Installation und Start der Widgets unter VIS-2 hat einwandfrei funktioniert.

Weitere Berichte folgen.

Danke natürlich auch an @scrounger

LG
Sigi

Mein System:

Frage:
Wie ist die genaue Vorgehensweise, wenn man mit dem Widget "Top App Bar"
einrichtet von einer View Seite auf eine andere View Seite navigieren zu können?

Ich bin alle Menüpunkte mal durchgegangen, stehe aber mit meinem leider doch dünnerem Wissen an,
wie oder welche Art von Datenpunkten (Objekt-IDs) ich brauche, die hier einzugeben sind.

Die Doku habe ich mir angesehen:
https://github.com/typhosj/ioBroker.vis2-materialdesign/blob/master/doc/de/widgets/top-app-bar.md

Ich lese am Anfang in der Doku etwas von Template-ID: tplVis2-materialdesign-TopAppBar-Navigation
ist irgendwo eine Vorlage, die ich mir öffnen könnte, um genauer zu sehen was einzugeben ist in irgendeiner Form?

Danke für einen Anstoß, wohin ich gehen muss.
Und ich entschuldige schon mal die wohl eher "dumme" Frage.

[EDIT - 14.08.2026 00:19]

Entschuldigt, ich habe es nun selbst rausgefunden.
Dank Chat-GPT und weiterführender Seiten (VIS-1 Doku hilft da mitunter auch)
https://chatgpt.com/share/6a7e46ee-3cd0-83eb-9bc5-969b5e17e3af
https://www.npmjs.com/package/iobroker.vis-materialdesign?activeTab=readme&utm_source=chatgpt.com#top-app-bar
---> Top App Bar + Advanced View in Widget 8 braucht es in Zusammenspiel.

Eine Frage stellt sich mir dennoch weiter:
-> auf View: 00_Navigation habe ich die Top-App-Bar in voller Screengröße (roter Rahmen)
-> auf den Views: 01_Seite-1 und 02_Seite-2 habe ich jeweils in voller Screengröße (roter Rahmen) das Widget-8 View

1. z-Position Widget-8 niedriger als Top-Bar = dann kann ich z.B. keinen Button mehr drücken
2. z-Position Widget-8 höher als Top-Bar = dann, weil es darunter liegt,
   verschwindet oben der Balken Auswahlmenü der Top-Bar
   und
   zzgl. wirkt der z-Index von 1000 (rote Pfeile) offenbar
   nicht unabhängig von der z-Position der CSS-Allgemein Einstellung weiter unten desselben Top-Bar Widgets
   ---> weil klappe ich das Menü aus, und liegt ein anderes Widget höher in z als die CSS-Allgemein Einstellung
   ---> des Top-Bar Widgets, kann das ausgeklappte Menü nicht mehr bedient werden
   ---> (obwohl z-Index für den ausklappenden Bereich mit 1000 weit höher liegen müsste)

Den ersten Teil zu Pkt. 2. wird man wohl nur lösen können wenn ich die 01_Seite-1 und 02-Seite-2
von der Höhe her um die Höhe des oberen Top-Bar Streifens verkleinere und die Widget-8 View
somit nur so groß ist wie das gelbe rechteck im Screenshot.

Spoiler

Spoiler

Dein Adapter hier lt. Beta Repo soll jetzt ein frischer, neuer Ansatz sein, nehme ich an.

Was ich als "einfacher User" jetzt schon sehr spannend finde, deine ausführliche Doku hierzu.

Ich teste es auf jedenfall und danke sehr hierfür.

PS:
Ach ich sehe schon, es gibt ja diverse Adapter für material-design Widgets.
Da darf man sich als Laie nicht verwirren lassen. (entschuldige)