Zeitleiste

Übersicht

Die Avonni-Zeitachsenkomponente ist ein dynamisches und interaktives Werkzeug, das entwickelt wurde, um chronologische Daten oder Ereignisse auf organisierte und visuell ansprechende Weise darzustellen. Sie eignet sich ideal zur Darstellung von Projektzeitplänen, historischen Ereignissen oder sequenzbasierten Daten auf Salesforce Experience Cloud-Websites.

Die Avonni-Zeitachse ist Reaktiv-bereit

Eigenschaften

Grundkonfiguration

Name	Beschreibung
Titel	Die Hauptüberschrift für die Zeitachse.
Titelstil Text	Passen Sie den Schriftstil des Titels zur visuellen Hervorhebung an.
Beschriftung	Eine kurze Beschreibung oder ergänzender Text für die Zeitachse.
Beschriftungsstil Text	Passen Sie den Schriftstil der Beschriftung an, um den Titel zu ergänzen.

Visuelle und funktionale Elemente

Name	Beschreibung
Icon-Name	Wählen Sie ein Symbol aus dem Salesforce Lightning Design System, um Zeitachsen-Elemente zu repräsentieren.
Symbolgröße	Bestimmen Sie die Größe des Symbols für visuelle Konsistenz.
Ausrichtung	Wählen Sie zwischen 'vertical' und 'horizontal' Layouts, basierend auf Inhalt und Platzüberlegungen.
Sortierte Richtung	Wählen Sie 'asc' für aufsteigend oder 'desc' für absteigende chronologische Reihenfolge.
Gruppieren nach	Organisieren Sie Zeitachsen-Elemente nach 'week', 'month' oder 'year' für einfachere Navigation und Verständnis
Datumsformat des Elements	Formatieren Sie die Anzeige der Daten bei Zeitachsen-Elementen für Klarheit und Konsistenz
Ist verbunden	Wählen Sie, ob Zeitachsen-Elemente visuell durch eine Linie oder einen Pfad verbunden sind
Geschlossen	Schalten Sie um, ob die Zeitachse geschlossen oder offen sein soll
Einklappbar	Ermöglichen Sie, dass Abschnitte der Zeitachse einklappbar sind, um die Benutzerinteraktion zu verbessern
Durchsuchbar	Ermöglichen Sie Benutzern, innerhalb der Zeitachse nach bestimmten Elementen oder Ereignissen zu suchen
Pagination anzeigen	Implementieren Sie eine Paginierung für Zeitachsen mit einer großen Anzahl von Elementen
Max. sichtbare Elemente	Legen Sie die maximale Anzahl von Elementen fest, die angezeigt werden, bevor die Paginierung greift

Interaktivität und Anpassung

Name	Beschreibung
Kopfzeilenaktionen	Fügen Sie Aktionsschaltflächen in die Kopfzeile der Zeitachse für Benutzerbefehle und Interaktionen hinzu.
Elementaktionen	Implementieren Sie Aktionsschaltflächen auf Elementebene für spezifische Funktionalitäten.
Feldattribute	Konfigurieren Sie die Anzeige von Feldern innerhalb von Zeitachsen-Elementen, einschließlich der Anzahl der Spalten und Varianten für die Feldpräsentation
Filteroptionen	Fügen Sie einen als Popover angezeigten Filtermechanismus hinzu, um Zeitachsen-Elemente zu sortieren oder einzugrenzen
Suchmaschinenoptionen	Passen Sie die Suchfunktion mit Platzhaltertext und Positions-Einstellungen an
Paginierungsoptionen	Passen Sie die Ausrichtung an und personalisieren Sie die Beschriftungen und Symbole für die 'first', 'last' und 'next' Paginierungssteuerungen

Datenquelle

Name	Beschreibung
Manuell	Geben Sie Zeitachsen-Elemente und deren Details manuell ein.
Datenquelle	Verwenden Sie eine Abfrage, um die Zeitachse automatisch mit Elementen aus einer Datenquelle zu füllen.

Styling-Einstellungen

Kopfzeile

Name	Beschreibung
Hintergrundfarbe	Legt die Farbe des Hintergrunds der Kopfzeile fest.
Randfarbe	Bestimmt die Farbe des Rahmens der Kopfzeile.
Rahmengröße	Passt die Dicke des Rahmens um die Kopfzeile an.
Rahmenstil	Wählt den Stil des Rahmens (z. B. solid, dashed, dotted).
Randradius	Rundet die Ecken der Kopfzeile für ein weicheres Aussehen.
Unterer Randfarbe (Ist verbunden)	Wenn die Zeitachsen-Elemente verbunden sind, legt dies die Farbe des unteren Rands fest.
Unterer Rand Größe (Ist verbunden)	Passt die Dicke des unteren Rands an, wenn Elemente verbunden sind.
Unterer Randstil (Ist verbunden)	Wählt den Stil des unteren Rands für verbundene Elemente.
Innenabstand (Oben, Rechts, Unten, Links)	Legt den inneren Abstand innerhalb der Kopfzeile fest.
Außenabstand unten	Bestimmt den Abstand unterhalb der Kopfzeile.

Kopfzeilentitel

Name	Beschreibung
Farbe	Ändert die Farbe des Titeltexts.
Schriftgröße	Ändert die Farbe des Titeltexts.
Schriftstärke	Ändert die Fettung oder Dicke des Titeltexts.
Schriftstil	Wendet Stil (z. B. kursiv, normal) auf den Titeltext an.

Kopfzeilenbeschriftung

Name	Beschreibung
Farbe	Legt die Farbe des Beschriftungstexts fest.
Schriftgröße	Passt die Größe des Beschriftungstexts an.
Schriftstärke	Ändert die Fettheit oder Dicke des Beschriftungstexts.
Schriftstil	Wendet Stil auf den Beschriftungstext an

Kopfbereich-Avatar

Name	Beschreibung
Farbe	Legt die Hintergrundfarbe des Avatars fest.
Schriftgröße	Ändert die Farbe des Inhalts des Avatars (z. B. Symbol oder Bild).
Schriftstärke	Passt die Nutzungsfarbe für Kontrast oder Hervorhebung an
Schriftstil	Rundet die Ecken des Avatars für ein weicheres Erscheinungsbild.

Paginierungs-Schaltflächen

Name	Beschreibung
Rahmen	Legt die Rahmeneigenschaften der Paginierungs-Schaltflächen fest.
Hintergrund	Ändert die Hintergrundfarbe der Schaltflächen.
Text-/Symbolfarbe	Passt die Farbe des Textes oder der Symbole innerhalb der Schaltflächen an.
Aktive Schaltflächenfarbe	Gibt die Farbe der Paginierungs-Schaltfläche an, wenn sie aktiv oder ausgewählt ist.