Skip to content

Custom-Layout

Jedes Widget mit Layout-Auswahl kennt den Layout-Typ Custom: ein freies Zellenraster, in dem Titel, Wert, Icon, Bild, Bedien-Element oder Freitext beliebig platziert werden.

Raster

Größe per Spinner. Zellen werden zeilenweise gelesen (oben links → unten rechts).

OptionWert
Spalten1–20
Zeilen1–20
colSizes / rowSizesauto · 1fr · 60pxTrack-Größe pro Spalte/Zeile
colSpan / rowSpan1–nZelle über mehrere Spalten/Zeilen ziehen

Zellinhalt

Klick auf eine Zelle öffnet den Zell-Editor (Schriftgröße, Farbe, Ausrichtung, Span — je nach Zelltyp).

Typ
emptyleer
title · value · unit · rawValueWidget-eigene Felder
dpbeliebiger Datenpunktwert
textFreitext
icon · stateIconLucide-Icon, optional vom Datenpunkt-State abhängig
imageBild aus Datei oder URL
switch · slider · button · stepperBedien-Element für einen Datenpunkt
componentWidget-Komponente (z. B. Temperatur-Balken bei Wetter)

Zellen verschieben & kopieren

Mit der Maus

GesteAktion
Drag & DropZelle verschieben
Strg + Drag & DropZelle kopieren
RechtsklickKontextmenü (Kopieren · Ausschneiden · Einfügen · Leeren)

Mit der Tastatur

Wirkt auf die aktuell ausgewählte Zelle.

ShortcutAktion
Strg + CKopieren
Strg + XAusschneiden
Strg + VEinfügen

Überschreiben

Enthält das Ziel bereits eine nicht-leere Zelle, erscheint ein Bestätigungs-Dialog.

Zwischenablage

Kopierter Zellinhalt bleibt während der Sitzung erhalten und kann auch in andere Widgets eingefügt werden.

Zurücksetzen

Der Button Raster zurücksetzen am Ende des Editors stellt das Widget-spezifische Default-Raster wieder her.