Im Artikel zeige ich Dir, wie Du das Layout der Visualisierung über Widgets anpassen kannst.
In dieser Artikelreihe dreht sich alles um die minuvis Visualisierung von minukodu.de. Mit der Visualisierung kannst Du schnell und einfach mittels einem integrierten Builder (Werkzeug zur Erstellung) eine Visualisierung für Dein Smart-Home erstellen. Im Artikel werden wir das Layout unserer Visualisierung über Widgets anpassen.
Im ersten Schritt öffnen wir nun den minuvis Builder über die Liste der Instanzen oder den Webserver von ioBroker.
Im ersten Schritt habe ich hier 8 Schalter (switch Widgets) eingefügt, mit denen wir die Ausrichtung der Widgets auf der Visualisierung gut demonstrieren können.
Wenn wir nun die Visualisierung starten und im separaten Browser-Tab betrachten, sehen wir hier die Erstellung eines Grids mit 2 Spalten. Bei 8 Schaltern ergeben sich somit 4 Zeilen mit 2 Spalten.
Im nächsten Schritt wollen wir die Anzahl Spalten in der Visualisierung konfigurieren. Dazu fügen wir nun vor den Schaltern das Widget gridChanger ein. Mit diesem Widget können wir die Darstellung des Grids ab der eingefügten Position verändern. In der Widget-Konfiguration kann die Anzahl von Spalten definiert werden. In der aktuellen Version können von 1-5 Spalten eingestellt werden. Im Beispiel wollen wir nun 4 Spalten darstellen.
In der Visualisierung haben wir nun das Grid auf 2 Zeilen mit 4 Spalten eingestellt.
Im nächsten Beispiel verwenden wir zunächst 4, dann 2 Spalten in der Visualisierung.
Das Ergebnis sieht nun wie folgt aus:
Eine weitere Möglichkeit der Anpassung des Layouts ist das compactMode Widget. Mit diesem Widget können die unterliegenden Widgets kompakter auf der Visualisierung dargestellt werden. Dazu wird vor dem Bereich das Widget compactModeStart eingefügt. Nun folgenden die darzustellenden Widgets sowie das compactModeEnd Widget zum Abschluss des Bereichs.
In der Visualisierung wird das Layout nun wie folgt dargestellt:
Ich hoffe Dir gefällt der Artikel. Über Kommentare, Anregungen oder Ideen zum aktuellen oder weiteren Artikeln freue ich mich wie immer.