AX - Zeitachse
Überblick
AX - Zeitachse ist eine Experience-Cloud-Komponente, die Salesforce-Datensätze auf Seiten von Experience-Sites in chronologischer Reihenfolge anzeigt.
Verwenden Sie sie, um Portalbenutzern datumsbasierte Aktivitäten zu zeigen – wie deren Fallhistorie, Bestellverlauf, Projektmeilensteine oder beliebige datierte Datensätze. Benutzer können Einträge suchen und filtern, Elemente anklicken, um zu Datensätzen zu navigieren, und Ereignisse nach Zeiträumen geordnet sehen. Ziehen Sie Daten aus beliebigen Standard- oder benutzerdefinierten Objekten mit Datumsfeldern.
Perfekt für Aktivitätsfeeds, Fallhistorien, Bestellverfolgungs-Zeitachsen, Projektstatus-Updates oder überall dort, wo Portalbenutzer in einem scrollbaren, chronologischen Format sehen müssen, „was wann passiert ist“.
Die Avonni-Zeitachse ist Reactive-Ready
Eigenschaften
Titel
Die Hauptüberschrift der Zeitachse.
Titelstil Text
Passen Sie den Schriftstil des Titels zur visuellen Hervorhebung an.
Untertitel
Eine kurze Beschreibung oder ergänzender Text für die Zeitachse.
Untertitelstil Text
Passen Sie den Schriftstil des Untertitels an, um den Titel zu ergänzen.
Symbolname
Wählen Sie ein Symbol aus dem Salesforce Lightning Design System, um Timeline-Elemente darzustellen.
Symbolgröße
Bestimmen Sie die Größe des Symbols für visuelle Konsistenz.
Ausrichtung
Wählen Sie zwischen ‚vertikal‘ und ‚horizontal‘ Layouts je nach Inhalt und Platz.
Sortierrichtung
Wählen Sie ‚asc‘ für aufsteigend oder ‚desc‘ für absteigende chronologische Reihenfolge.
Gruppieren nach
Organisieren Sie Timeline-Elemente nach ‚Woche‘, ‚Monat‘ oder ‚Jahr‘ für bessere Navigation und Verständlichkeit
Datumsformat des Elements
Formatieren Sie die Anzeige der Daten in Timeline-Elementen für Klarheit und Konsistenz
Ist verbunden
Wählen Sie, ob Timeline-Elemente visuell durch eine Linie oder einen Pfad verbunden sind
Geschlossen
Schalten Sie, ob die Zeitachse geschlossen oder offen ist
Einklappbar
Ermöglichen Sie, dass Abschnitte der Zeitachse einklappbar sind und die Benutzerinteraktion verbessern
Durchsuchbar
Ermöglichen Sie Benutzern, innerhalb der Zeitachse nach bestimmten Elementen oder Ereignissen zu suchen
Paginierung anzeigen
Implementieren Sie Paginierung für Zeitachsen mit einer großen Anzahl von Elementen
Maximale sichtbare Elemente
Legen Sie die maximale Anzahl von Elementen fest, die angezeigt werden, bevor die Paginierung greift
Kopfzeilenaktionen
Fügen Sie Aktionsschaltflächen in der Kopfzeile der Zeitachse für Benutzerbefehle und Interaktionen hinzu.
Elementaktionen
Implementieren Sie Aktionsschaltflächen auf Elementebene für spezifische Funktionen.
Feldattribute
Konfigurieren Sie die Anzeige von Feldern innerhalb der Timeline-Elemente, einschließlich der Spaltenanzahl und Varianten für die Feldpräsentation
Filteroptionen
Fügen Sie einen als Popover angezeigten Filtermechanismus zum Sortieren oder Eingrenzen von Timeline-Elementen hinzu
Suchmaschinenoptionen
Passen Sie die Suchfunktion mit Platzhaltertext und Positionseinstellungen an
Paginierungsoptionen
Passen Sie die Ausrichtung an und individualisieren Sie die Beschriftungen und Symbole für ‚erste‘, ‚letzte‘ und ‚nächste‘ Paginierungssteuerungen
Manuell
Geben Sie Timeline-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.
Randgröße
Passt die Dicke des Rahmens um die Kopfzeile an.
Randstil
Wählt den Stil des Rahmens (z. B. durchgezogen, gestrichelt, gepunktet).
Randradius
Rundet die Ecken der Kopfzeile für ein weicheres Aussehen.
Farbe der unteren Rahmenkante (Ist verbunden)
Wenn die Timeline-Elemente verbunden sind, legt dies die Farbe der unteren Rahmenkante fest.
Größe der unteren Rahmenkante (Ist verbunden)
Passt die Dicke der unteren Rahmenkante an, wenn Elemente verbunden sind.
Stil der unteren Rahmenkante (Ist verbunden)
Wählt den Stil der unteren Rahmenkante für verbundene Elemente.
Innenabstand (Oben, Rechts, Unten, Links)
Legt den inneren Abstand innerhalb der Kopfzeile fest.
Außenabstand unten
Bestimmt den Raum unterhalb der Kopfzeile.
Farbe
Ändert die Farbe des Titeltexts.
Schriftgröße
Ändert die Farbe des Titeltexts.
Schriftgewicht
Ändert die Fettheit oder Dicke des Titeltexts.
Schriftstil
Wendet Stil (z. B. kursiv, normal) auf den Titeltext an.
Farbe
Legt die Farbe des Untertiteltexts fest.
Schriftgröße
Passt die Größe des Untertiteltexts an.
Schriftgewicht
Ändert die Fettheit oder Dicke des Untertiteltexts.
Schriftstil
Wendet Stil auf den Untertiteltext an
Farbe
Legt die Hintergrundfarbe des Avatars fest.
Schriftgröße
Ändert die Farbe des Inhalts des Avatars (z. B. Symbol oder Bild).
Schriftgewicht
Passt die Hilfsfarbe für Kontrast oder Hervorhebung an
Schriftstil
Rundet die Ecken des Avatars für ein weicheres Aussehen.
Rahmen
Legt die Rahmen-Eigenschaften der Paginierungsschaltflächen fest.
Hintergrund
Ändert die Hintergrundfarbe der Schaltflächen.
Text-/Symbolfarbe
Passt die Farbe des Texts oder der Symbole innerhalb der Schaltflächen an.
Farbe aktiver Schaltflächen
Gibt die Farbe der Paginierungsschaltfläche an, wenn sie aktiv oder ausgewählt ist.
Zuletzt aktualisiert
War das hilfreich?