Wie man Spalten erstellt, bearbeitet und gestaltet. Spalten können entweder über das Symbol für die Spaltenhandhabung manipuliert und gestaltet werden.
Grundeinstellungen
- ID
- Definiere eine ID für die Spalte.
- Klasse
- Definiere einen oder mehrere Klassennamen für die Spalte. Trenne mehrere Klassen mit Leerzeichen.
Titel-/Untertiteleinstellungen
- Titel anzeigen
- Wenn auf 'Ja' gesetzt, aktiviert diese Option Titel und/oder Untertitel im Frontend.
- Bereichstitel
- Gib einen Text ein, der als Spaltentitel angezeigt wird.
- Titel-HTML-Tag
- Wähle ein HTML-Tag für den Titel.
- Schriftgröße
- Setze die Schriftgröße des Titels für diesen Selektor.
- Schriftstärke
- Setze die Schriftstärke des Titels für diesen Selektor.
- Titelstil
- Wähle einen Titelstil-Modifikator.
- Titelfarbe
- Wähle eine Farbe für den Titel.
- Untertitel
- Füge einen Text ein, der als Spaltenuntertitel (kurze Beschreibung) angezeigt wird.
- Untertitel-HTML-Tag
- Wähle ein HTML-Tag für den Untertitel.
- Untertitel-Schriftgröße
- Setze die Schriftgröße des Untertitels für diesen Selektor.
- Untertitelstil
- Wähle einen Untertitelstil-Modifikator.
- Untertitel-Schriftstärke
- Setze die Schriftstärke des Untertitels für diesen Selektor.
- Überschriftenausrichtung
- Wähle eine Art der Textausrichtung für Titel und Untertitel.
Hintergrundeinstellungen
- Benutzerdefinierter Hintergrund
- Wenn auf 'Ja' gesetzt, kannst du verschiedene Hintergrundoptionen festlegen (Hintergrundfarbe, Formen).
- Hintergrund
- Wähle eine Standard-Hintergrundoption.
- Inversfarbe
- Wähle die Klasse 'light', um die Sichtbarkeit von Objekten auf dunklen Hintergründen im hellen Stil zu verbessern. Beim Einsatz eines dunklen Stils füge die Klasse 'dark' zu Elementen auf einem hellen Hintergrund hinzu.
Die Optionen 'Primär' und 'Sekundär' (Hintergrundeinstellungen) erweitern den inversen Stil automatisch vom Invers-Komponentenstil. Wenn du dieses Verhalten verhindern möchtest, beispielsweise weil du Karten in diesen Abschnitten verwendest, füge die Option 'Farbe beibehalten' hinzu.
Rastereinstellungen
- Raster-Abstand
- Die Raster-Komponente hat einen Standardabstand, der automatisch ab einer bestimmten Bildschirmbreite (normalerweise bei kleineren Desktop-Viewport-Breiten) verkleinert wird.
- Raster-Trenner
- Wähle 'Ja', um Rasterzellen mit Linien zu trennen. Diese Option kann mit den Abstand-Modifikatoren kombiniert werden. Sobald das Raster gestapelt wird, werden die Trenner horizontal.
- Mauerwerk-Raster
- Ja oder Nein. Wenn Rasterzellen unterschiedliche Höhen haben, kann durch Auswahl von 'Ja' ein layout ohne Lücken erstellt werden. (Mehr erfahren)
Flex-Einstellungen
- Vertikale Ausrichtung
- Diese Optionen definieren die vertikale Ausrichtung von Flex-Elementen.