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
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.
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
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
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
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.
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.
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
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.
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.
Zuletzt aktualisiert
War das hilfreich?
