Karte

Ca. 3 Min. Lesezeit

TwCard · Kategorie: Container · Container (andere Widgets können darin platziert werden)

Einstellungen

Diese Einstellungen finden Sie bei ausgewähltem Widget rechts im Eigenschaftenbereich, meist im Abschnitt Karten-Einstellungen. Der Standardwert ist der Wert, den das Widget beim ersten Einfügen in eine Seite hat.

Karte

Einstellung	Typ	Standardwert	Beschreibung
Untertitel subtitle	Text	—	Kleinere zweite Zeile unter dem Titel in der Kopfzeile. Leer blendet sie aus.
Symbol icon	Symbol	—	Symbol vor dem Titel in der Kopfzeile. Seine Farbe richtet sich nach der Variante.
Variante variant	Auswahl	default	Farbe des linken Kartenrands und der Kopfzeile. Nutzt Themenfarben; kann über Bindungen (z. B. eine Tag-Bedingung) gesteuert werden. Optionen: default Standard, accent Akzent, success Erfolg, warning Warnung, danger Gefahr, info Info
Innenabstand padding	Auswahl	md	Innenabstand um den Karteninhalt: none 0, sm 8 px, md 12 px (Standard), lg 20 px. Optionen: none Keiner, sm Klein, md Mittel, lg Groß
Kopfzeile anzeigen showHeader	Kontrollkästchen	Ein	Zeigt die Kopfzeile mit Symbol, Titel und Untertitel. Wenn deaktiviert, wird nur der Inhalt angezeigt.
Erhöht elevated	Kontrollkästchen	Ein	Gibt der Karte einen Schatten, damit sie sich von der Seite abhebt.

Ein-/Ausklappen

Einstellung	Typ	Standardwert	Beschreibung
Einklappbar collapsible	Kontrollkästchen	Aus	Im Viewer lässt sich die Karte über die Pfeiltaste in der Kopfzeile oder per Klick auf die Kopfzeile ein- und ausklappen. Ist die Kopfzeile ausgeblendet, wird ein schmaler Streifen nur mit der Pfeiltaste angezeigt. Im Editor wird die Karte zum Gestalten immer ausgeklappt angezeigt.
Einklapprichtung collapseDirection	Auswahl	up	Richtung des Einklappens: up lässt nur die Kopfzeile stehen; left/right verkleinern die Karte zu einem schmalen Streifen am linken/rechten Rand mit Symbol, Pfeil und senkrechtem Titel. In Zeilen-/Spaltenlayouts nutzen die Nachbarelemente den frei werdenden Platz; auf Seiten mit fester Position verschieben sich andere Widgets nicht. Optionen: up Oben, left Links, right Rechts
Eingeklappt starten defaultCollapsed	Kontrollkästchen	Aus	Die Karte startet beim Öffnen der Seite eingeklappt. Beim Drucken wird die Karte immer ausgeklappt gedruckt.
Zustand merken rememberState	Kontrollkästchen	Aus	Merkt sich die Wahl des Benutzers (ein-/ausgeklappt) für diese Seite und Karte während der Browsersitzung.
Akkordeon-Gruppe accordionGroup	Text	—	Karten derselben Seite mit gleichem Gruppennamen verhalten sich wie ein Akkordeon: Wird eine geöffnet, klappen die anderen ein. Leer lässt die Karte unabhängig.

Weitere Einstellungen

Einstellung	Typ	Standardwert	Beschreibung
Log-Schaltfläche logButton	Kontrollkästchen	Aus	Zeigt zur Laufzeit beim Überfahren des Widgets ein Diagrammsymbol; ein Klick fügt die an das Widget gebundenen Tags der Log-Tag-Liste hinzu.
Enable Flashing enableFlashing	Kontrollkästchen	Aus	Lässt das Widget blinken (ein Transparenzimpuls pro Sekunde). Wird meist an eine Alarmbedingung gebunden.

Bindungen

Im Abschnitt Bindungen (Regeln) des Eigenschaftenbereichs kann ein Tag mit einer Direct-Bindung an die folgenden Eigenschaften dieses Widgets gebunden werden. Die Bindungstypen (Direct, IntRange, FloatRange, Boolean, Bit) sind für alle Widgets gleich; sie werden auf der Seite Widget-Referenz beschrieben.

title, visible, authorization, x, y, width, height, rotation, class, foregroundColor, backgroundColor, borderColor, borderStyle, borderWidth, borderRadius, borderTopLeftRadius, borderTopRightRadius, enableFlashing, logButton, onClick, onMouseDown, onMouseUp, to.type, subtitle, icon, variant, showHeader, padding, elevated, collapsible, collapseDirection, defaultCollapsed, rememberState, accordionGroup

Zusätzlich können die Stilfelder des Widgets als style.<feld> gebunden werden (z. B. style.width, style.height, style.left, style.top).

Gemeinsame Abschnitte

Bei ausgewähltem Widget zeigt der Eigenschaftenbereich außerdem diese gemeinsamen Abschnitte: Allgemein, Layout, Aussehen, Navigation (Ziel), Ereignisse, Bindungen (Regeln). Diese Abschnitte werden auf der Seite Seiteneditor beschrieben.