Spiegel
Zeigt ein vorhandenes Widget — oder einen ganzen Tab — live an einer zweiten Stelle an. Kein Duplikat: Änderungen an der Quelle wirken sofort mit.
Links das Quell-Widget, rechts der Spiegel.
Datenpunkt
Keiner. Der Spiegel speichert nur die ID des Quell-Widgets (targetWidgetId) und löst sie bei jedem Rendern neu auf.
Quelle wählen
Im Editor unter Widget bearbeiten → Spiegel. Die Liste enthält jedes Widget des ganzen Dashboards — auch aus anderen Layouts, Bereichen und Tabs — und ist nach Name, Typ und ID durchsuchbar.
| Option | Standard | |
|---|---|---|
targetWidgetId | — | ID des Quell-Widgets; — Kein Widget — hebt die Zuordnung auf |
Beim Auswählen übernimmt der Spiegel einmalig Breite, Höhe und die Rahmen-Optionen transparent, transparency und styleOverride der Quelle, damit er von Anfang an gleich aussieht. Danach sind beide unabhängig.
Quelle vs. Spiegel
| kommt von | |
|---|---|
| Inhalt, Titel, Icon, Werte, Layout | Quelle |
| Position im Raster | Spiegel |
Größe (w × h) | Spiegel — beim Auswählen von der Quelle übernommen |
| Transparenz und Stil-Overrides des Rahmens | Spiegel |
| „Letzte Änderung"-Overlay | Quelle |
| Bedingungen, Marker, Klick-Aktion | Quelle — eigene am Spiegel ersetzen sie |
| Widget-neu-laden per Bedingung | Quelle und eigener Rahmen |
Der Spiegel ist bedienbar wie die Quelle — Schalter schalten, Regler regeln, alles auf demselben Datenpunkt. Option-Änderungen, die ein Widget selbst speichert, landen auf der Quelle; die Position des Spiegels bleibt davon unberührt.
Auf schmalen Bildschirmen richtet sich die automatische Höhe nach dem Typ der Quelle — ein Spiegel einer Gruppe wächst also mit ihrem Inhalt.
Grenzen
| Fall | Anzeige |
|---|---|
Alle Widget-Typen außer mirror | spiegelbar |
| Spiegel eines Spiegels | „Ein Spiegel kann keinen Spiegel spiegeln" — Spiegel stehen nicht in der Auswahlliste |
| Spiegel auf sich selbst | „Spiegel kann sich nicht selbst spiegeln" |
| Quelle gelöscht | „Quell-Widget existiert nicht mehr" mit der gesuchten ID |
| Keine Quelle gewählt | im Editor Hinweis, im Frontend leer |
Ganzer Tab
Widget bearbeiten → Spiegel → Quelle: Ganzer Tab. Der Tab erscheint live im Kasten des Spiegels — alle Widgets bedienbar, Werte und Bedingungen wie im Original.
| Option | Standard | |
|---|---|---|
sourceKind | — | tab = ganzer Tab |
targetTabId | — | ID des Quell-Tabs |
tabFit | Auf Breite skalieren | contain = ganz einpassen, ohne Scrollen, mittig · none = Originalgröße, schmaler Kasten zeigt die Handy-Ansicht |
tabWidth | Breite der Widgets | Entwurfsbreite in px, auf die skaliert wird |
| Fall | Anzeige |
|---|---|
| Inhalt höher als der Kasten | scrollt im Spiegel — bei contain wird stattdessen weiter verkleinert |
| eigener Tab / Tabs, die sich gegenseitig spiegeln | „Der Tab enthält diesen Spiegel selbst" |
| Tab oder Bereich mit PIN | nicht wählbar, „PIN-geschützte Tabs werden nicht gespiegelt" |
| Quell-Tab gelöscht | „Quell-Tab existiert nicht mehr" |
| Editor | Kasten verschieb- und skalierbar, Inhalt nicht klickbar |
Tipp: Quell-Tab im Tab-Editor ausblenden — er bleibt als Spiegel-Quelle nutzbar, erscheint aber nicht in der Tab-Leiste. Beim ersten Auswählen wird der Spiegel transparent, die Widgets bringen ihre eigenen Karten mit.