Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[MarcoH]

Hallo zusammen,

(Der Text könnte etwas länger werden, die eigentlich Frage steht unten ;))
ich will mich jetzt endlich mal auch an eine Visualisierung für mein Haus machen. Dabei ist mir aufgefallen, dass sich seit meinem letzten Versuch ja so einiges getan hat.
Nach viel Lesen bin ich zum Schluss gekommen, dass ich auf jeden Fall ein Responive-Design möchte, um nicht 2 Auflösungen pflegen zu müssen. Hierzu habe ich 3 Möglichkeiten gefunden die für mich in Frage kommen würden: Lovelace, Material Design CSS und Material Design Widgets.
Die ersten Versuche mit Lovelace sahen sehr vielversprechend aus, scheint aber für mich zu unflexibel zusein. Zum CSS Design habe ich auch einiges an Beispielen (User-Exports) gefunden, aber ich glaube, das wird mir zu kompliziert.
Bleibt noch Material Design Widgets. Hierzu habe ich ein paar Fragen:

1. Ich habe im Forum leider keinen Export gefunden den ich als Anschauungsbeispiel nutzen kann. (das Originalbeispiel auf Github kenn ich, kann ich ja aber scheinbar nicht bearbeiten um es für meine VIS zu nutzen)
   Ich finde leider keinen richtigen Einstieg. Ich habe verschieden Views erstellt: Menü, Licht, Licht_WZ, Licht_Kuech. Ich verstehe derzeit noch nicht, wie ich die Top App-Bar mit dedn Views verbinden kann.
   Hat hier vielleicht jemand ein kleines Beispielprojekt bei dem ich abgucken oder es sogar gleich für meine Zwecke umbauen kann?

2. Gehe ich recht in der Annahme, dass ich per CSS (was ich derzeit noch zwar nicht kann) das Aussehen im Nachhinein global anpassen kann? (Derzeit bekomme ich noch nicht mal einen Hintergrund angezeigt - nur schwarz)

Meinen bisherigen Versuch habe ich mal exportiert.
2020-02-16-SH.zip

Ich hoffe, mir kann hier jemand auf die Sprünge helfen.

Gruß
Marco