NEWS
Test Adapter vis2-materialdesign V0.3.3
-
@sigi234 genau das. Was für ein widget ist das?
Aufpassen, das Widget von sigi234
Schalter oder Knöpfeist vom anderen Adapter
ioBroker.vis-2-widgets-materialAdapter von GermanBluefox ect.
wie ich im Thread Post #2 angemerkt habe https://forum.iobroker.net/post/1351420Der vorliegenden Adapter
vis2-materialdesign (Material Design Widgets)in diesem Thread ist ein anderer.
Mit dann natürlich anderen Widgets und Funktionsumfängen.Bzgl. so eines Kachellayouts mit diesem Adapter, habe ich z.B. nachfolgend das Widget
Listverwendet.
Siehe Doku = https://github.com/typhosj/ioBroker.vis2-materialdesign/blob/master/doc/de/widgets/list.md
So ähnlich wie es typhos im Thread Post #21 an dich geschrieben hat https://forum.iobroker.net/post/1351601Ich gebe zu war schon fummelig in der Eingabe, aber möglich ist es.
Der andere Adapter macht(e) das sicherlich eleganter, weil er sich die Werte und Bilder selbst zusammensuchte,
wenn man den Datenpunkt eingegeben hat und der im Hintergrund mit einem Bild + Einheit ect. versehen war inkl. noch Kategorien zugeordnet war bzgl. Räume und Funktionen.@Cyberraph
Das habe ich schon gesehen. Aber vielen Dank für den Hinweis noch mal. Genau das ist das Widget was ich nutze und was eben nicht mehr funktioniert. Warum dieses Thema hier ja überhaupt aufgekommen ist. Schade, also leider keine Lösung die sigi234 da anbietet.
Wie gesagt ist das ganze unglaublich fummelig und zeitaufwenidg eine ganze Visualisierung auf diesen neuen Adapter umzusetzen. Darum kann ich nur sagen, dass es eine andere Lösung geben muss. -
@Cyberraph
Das habe ich schon gesehen. Aber vielen Dank für den Hinweis noch mal. Genau das ist das Widget was ich nutze und was eben nicht mehr funktioniert. Warum dieses Thema hier ja überhaupt aufgekommen ist. Schade, also leider keine Lösung die sigi234 da anbietet.
Wie gesagt ist das ganze unglaublich fummelig und zeitaufwenidg eine ganze Visualisierung auf diesen neuen Adapter umzusetzen. Darum kann ich nur sagen, dass es eine andere Lösung geben muss. -
-
@sigi234, @Dragon, @cyberraph Ist sicher alles möglich. Macht doch bitte mal ein Issue auf GitHub als Feature-Request - gerne auch für andere Dinge, die euch fehlen oder zu kompliziert sind. Ich habe erstmal versucht, die Widgets mehr oder weniger 1-zu-1 zu portieren. Aber Verbesserungen/Vereinfachungen etc. sind ja damit nicht ausgeschlossen. Ich gucke gern mal, wann ich das mit reinbekomme.
-
Ich war mal so frei und habe den Wünschen hier folgend
ein "allgemeines Issue" auf GitHub erstellt,
der den allgemeinen Wunsch der einfacheren Bedienung erklärt.https://github.com/typhosj/ioBroker.vis2-materialdesign/issues/15
-
Hallo zusammen,
der Adapter
vis2-materialdesign(Material Design Widgets) ist im Latest-Repository verfügbar und sucht Tester.Worum geht es
Die Material-Design-Widgets von Scrounger waren für VIS 1 konzipiert und laufen in VIS 2 nicht zuverlässig. Dieser Adapter portiert den Widget-Satz nativ nach VIS 2 — eigenständiger Adapter, ohne VIS-1-Altlasten: kein
materialdesign.html, keine jQuery/Materialize-Konfigseite, kein Legacy-Stylesheet. Material Design Icons und die benötigten Material-Styles stecken im Widget-Bundle, die Widgets rendern also ohne Zusatzinstallation.Voraussetzungen
- VIS 2 (
vis-2) - Admin >= 7.6.20
- Typ
visualization-widgets, Modusnone(keine laufende Instanz-Last)
Installation
Admin > Adapter > Repository auf Latest >
Material Design Widgetsinstallieren.Alternativ direkt von GitHub: https://github.com/typhosj/ioBroker.vis2-materialdesign
Enthaltene Widgets
Alerts, Buttons (horizontal/vertikal), Icon-Buttons, Calendar, Card/HTML-Card, Checkbox, Dialog, Icon-List, Input, List, Progress (linear/circular), Responsive Layout, Select/Autocomplete, Slider, Round-Slider, Switch, Table, Top-App-Bar, Value sowie Charts (Bar, Pie, Line-History, JSON).
Dazu ein nativer Theme-Editor im Admin: Farben, Schriften und Größen zentral setzen, gespiegelt als Objekte in die Runtime — inklusive Dark-Mode über
vis2-materialdesign.0.colors.darkTheme.Dokumentation
Pro Widget mit Editor-Screenshots:
- Deutsch: https://github.com/typhosj/ioBroker.vis2-materialdesign/blob/master/doc/de/README.md
- English: https://github.com/typhosj/ioBroker.vis2-materialdesign/blob/master/doc/en/README.md
Worauf ich Rückmeldung brauche
- Optische Parität zu VIS 1 — sieht ein Widget mit gleicher Konfiguration anders aus als im alten
materialdesign-Widgetsatz? - Theme-Editor — Farben/Schriften speichern, Dark-Mode umschalten, Admin-Sprache wechseln und erneut speichern.
- Charts — Bar, Pie, Line-History und JSON-Chart mit echten History-Instanzen (History/SQL/InfluxDB), auch mit Option „use card".
- Eingabe-Widgets — Slider, Round-Slider, Input, Select, Checkbox, Switch: Schreiben auf den Datenpunkt und Reaktion auf Änderungen von außen.
- Umgebungen — Chrome/Firefox/Safari, iOS/Android-App, Tablet-Panels, verschiedene Auflösungen.
- Editor — fehlende oder falsche Übersetzungen der Widget-Optionen, unklare Beschriftungen.
Stand / Hinweise
- Version 0.3.3, noch kein Stable — bitte nicht ohne Backup auf ein produktives System. Vorher VIS-2-Projekte sichern.
- Bestehende VIS-1-Projekte bleiben unberührt; die Views müssen in VIS 2 neu aufgebaut werden.
- In Arbeit, noch nicht enthalten: zweiter Design-Stil Material 3 (pro Widget umschaltbar, Classic bleibt Standard), Material Symbols als zweite Icon-Quelle, Chart.js 4.
Feedback
Fehler bitte als Issue mit Screenshot, Widget-Name und möglichst exportierter Widget-Konfiguration:
https://github.com/typhosj/ioBroker.vis2-materialdesign/issuesAllgemeine Rückmeldungen gern hier im Thread.
Danke fürs Testen!
- VIS 2 (
-
@sigi234 Danke fürs Melden — im Screenshot stecken zwei getrennte Sachen.
Das Raster: Die Tageszellen und die Wochentagszeile hatten keinen eigenen Hintergrund, sie waren transparent. Damit scheint der Hintergrund deiner View durch den Kalender durch und weil die Tageszahlen die Farbe des Widget-Themes behalten, sind sie darauf praktisch unsichtbar. Beim Port ist die Füllung verlorengegangen: Im alten Widget kam sie aus dem Vuetify-Stylesheet, das der neue Adapter nicht mehr mitliefert. Kalenderfläche und Kopfzeile bekommen jetzt wieder ihre eigene Fläche (hell bzw. dunkel je nach Theme) und die Wochentagsnamen im Monat folgen dem Dunkelmodus wie in Wochen- und Tagesansicht. Eigene Farben in den Optionen gewinnen weiter. Kommt mit dem nächsten Stand.
Die Termine: Da habe ich bisher keinen Fehler gefunden. Ich habe mehrere Termine in einem ICAL-Adapter und die werden angezeigt.
Kannst du bitte den Inhalt von ical.3.data.table (gern gekürzt auf ein, zwei Termine) posten oder per PN schicken, damit ich mir das konkret ansehen kann?
-
@sigi234 Danke fürs Melden — im Screenshot stecken zwei getrennte Sachen.
Das Raster: Die Tageszellen und die Wochentagszeile hatten keinen eigenen Hintergrund, sie waren transparent. Damit scheint der Hintergrund deiner View durch den Kalender durch und weil die Tageszahlen die Farbe des Widget-Themes behalten, sind sie darauf praktisch unsichtbar. Beim Port ist die Füllung verlorengegangen: Im alten Widget kam sie aus dem Vuetify-Stylesheet, das der neue Adapter nicht mehr mitliefert. Kalenderfläche und Kopfzeile bekommen jetzt wieder ihre eigene Fläche (hell bzw. dunkel je nach Theme) und die Wochentagsnamen im Monat folgen dem Dunkelmodus wie in Wochen- und Tagesansicht. Eigene Farben in den Optionen gewinnen weiter. Kommt mit dem nächsten Stand.
Die Termine: Da habe ich bisher keinen Fehler gefunden. Ich habe mehrere Termine in einem ICAL-Adapter und die werden angezeigt.
Kannst du bitte den Inhalt von ical.3.data.table (gern gekürzt auf ein, zwei Termine) posten oder per PN schicken, damit ich mir das konkret ansehen kann?
Kannst du bitte den Inhalt von ical.3.data.table (gern gekürzt auf ein, zwei Termine) posten oder per PN schicken, damit ich mir das konkret ansehen kann?
Stark gekürzt:
[{"date":"Heute 19:00-21:00","event":"Steak","_class":"ical_Sigi K ical_today","_date":"2026-08-21T17:00:00.000Z","_end":"2026-08-21T19:00:00.000Z","_IDID":"xxxxxxxxxxxxxx@google.com","_allDay":false,"_private":false,"_rule":" ","location":"","_calName":"Sigi K","_calColor":"#FF0000","_object":{"type":"VEVENT","start":"2026-08-21T17:00:00.000Z","datetype":"date-time","end":"2026-08-21T19:00:00.000Z","dtstamp":"2026-08-21T04:56:03.000Z","uid":"xxxxxxxxxxx@google.com","created":"2026-08-10T15:24:43.000Z","lastmodified":"2026-08-10T15:24:43.000Z","sequence":0,"status":"CONFIRMED","summary":"Steak","transparency":"OPAQUE","method":"PUBLISH"}},{"date":"Übermorgen ","event":"Hilda xxxxxxxxxxxxxx","_class":"ical_Geburtstage ical_dayafter","_date":"2026-08-22T22:00:00.000Z","_end":"2026-08-23T22:00:00.000Z","_section":"1940","_IDID":"xxxxxxxxxxx@google.com","_allDay":true,"_private":false,"_rule":" rrule ","location":"","_calName":"Geburtstage","_calColor":"#ecad07","_object":{"type":"VEVENT","start":"2026-08-22T22:00:00.000Z","datetype":"date","end":"2026-08-23T22:00:00.000Z","rrule":{"_rrule":{"tzid":"UTC","originalDtstart":"2026-08-23T00:00:00+00:00[UTC]","opts":{"dtstart":"2026-08-23T00:00:00+00:00[UTC]","tzid":"UTC","freq":"YEARLY","interval":1},"maxIterations":10000,"includeDtstart":false,"hasOrdinalByDay":false,"canUseEpochMillisecondsPrecisionFlag":true,"timeSlotOffsetsMs":[0],"hasUniqueTimeSlotOffsets":true},"_dateOnly":true},"dtstamp":"2026-08-21T04:56:03.000Z","uid":"xxxxxxxxxxxxxxx@google.com","created":"2026-07-23T12:53:17.000Z","description":"1940","lastmodified":"2026-07-23T12:53:17.000Z","sequence":0,"status":"CONFIRMED","summary":"Hilda xxxxxxxxxx","transparency":"TRANSPARENT","method":"PUBLISH"}]Edit:
Daten sind jetzt da
-
Kannst du bitte den Inhalt von ical.3.data.table (gern gekürzt auf ein, zwei Termine) posten oder per PN schicken, damit ich mir das konkret ansehen kann?
Stark gekürzt:
[{"date":"Heute 19:00-21:00","event":"Steak","_class":"ical_Sigi K ical_today","_date":"2026-08-21T17:00:00.000Z","_end":"2026-08-21T19:00:00.000Z","_IDID":"xxxxxxxxxxxxxx@google.com","_allDay":false,"_private":false,"_rule":" ","location":"","_calName":"Sigi K","_calColor":"#FF0000","_object":{"type":"VEVENT","start":"2026-08-21T17:00:00.000Z","datetype":"date-time","end":"2026-08-21T19:00:00.000Z","dtstamp":"2026-08-21T04:56:03.000Z","uid":"xxxxxxxxxxx@google.com","created":"2026-08-10T15:24:43.000Z","lastmodified":"2026-08-10T15:24:43.000Z","sequence":0,"status":"CONFIRMED","summary":"Steak","transparency":"OPAQUE","method":"PUBLISH"}},{"date":"Übermorgen ","event":"Hilda xxxxxxxxxxxxxx","_class":"ical_Geburtstage ical_dayafter","_date":"2026-08-22T22:00:00.000Z","_end":"2026-08-23T22:00:00.000Z","_section":"1940","_IDID":"xxxxxxxxxxx@google.com","_allDay":true,"_private":false,"_rule":" rrule ","location":"","_calName":"Geburtstage","_calColor":"#ecad07","_object":{"type":"VEVENT","start":"2026-08-22T22:00:00.000Z","datetype":"date","end":"2026-08-23T22:00:00.000Z","rrule":{"_rrule":{"tzid":"UTC","originalDtstart":"2026-08-23T00:00:00+00:00[UTC]","opts":{"dtstart":"2026-08-23T00:00:00+00:00[UTC]","tzid":"UTC","freq":"YEARLY","interval":1},"maxIterations":10000,"includeDtstart":false,"hasOrdinalByDay":false,"canUseEpochMillisecondsPrecisionFlag":true,"timeSlotOffsetsMs":[0],"hasUniqueTimeSlotOffsets":true},"_dateOnly":true},"dtstamp":"2026-08-21T04:56:03.000Z","uid":"xxxxxxxxxxxxxxx@google.com","created":"2026-07-23T12:53:17.000Z","description":"1940","lastmodified":"2026-07-23T12:53:17.000Z","sequence":0,"status":"CONFIRMED","summary":"Hilda xxxxxxxxxx","transparency":"TRANSPARENT","method":"PUBLISH"}]Edit:
Daten sind jetzt da
-
-
Ich war mal so frei und habe den Wünschen hier folgend
ein "allgemeines Issue" auf GitHub erstellt,
der den allgemeinen Wunsch der einfacheren Bedienung erklärt.https://github.com/typhosj/ioBroker.vis2-materialdesign/issues/15
Ich war mal so frei und habe den Wünschen hier folgend
ein "allgemeines Issue" auf GitHub erstellt,
der den allgemeinen Wunsch der einfacheren Bedienung erklärt.https://github.com/typhosj/ioBroker.vis2-materialdesign/issues/15
Ich habe die Version 0.4.0 veröffentlicht, in der Vereinfachungen enthalten sind. Bitte gerne mal testen: https://github.com/typhosj/ioBroker.vis2-materialdesign/issues/15#issuecomment-5409144062
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 Anmelden






