AX - Liste
Überblick
AX - Liste ist eine Experience-Cloud-Komponente, die Salesforce-Datensätze als anpassbare Karten in Raster- oder Listenlayouts auf Experience-Sites-Seiten anzeigt.
Verwenden Sie sie, um Portalbenutzern gefilterte Datensatzmengen anzuzeigen – etwa ihre Bestellungen, Fälle, Verträge oder andere zugehörige Daten – mit voller Kontrolle darüber, welche Felder auf jeder Karte erscheinen. Benutzer können suchen, filtern, durch die Ergebnisse blättern und auf Karten klicken, um zu Datensätzen zu navigieren. Ziehen Sie Daten aus jedem Standard- oder benutzerdefinierten Objekt im Experience Builder.
Perfekt für den Bestellverlauf von Kunden, Falllisten, Dokumentbibliotheken, Produktkataloge oder überall dort, wo Portalbenutzer ihre Salesforce-Datensätze durchsuchen und darin suchen müssen.
Die Avonni-Liste ist eine reaktive Datenkomponente

Konfiguration
Das Verständnis des Konfigurationsprozesses, insbesondere der Abschnitte Datenquelle und Zuordnungen, ist entscheidend, um die Liste effektiv zu nutzen.
Datenquelle
Im Abschnitt Datenquelle verbinden Sie die Avonni-Liste mit Ihren Salesforce-Daten. Ihnen stehen zwei Datenquellenoptionen zur Verfügung.

Manuell
Listeneinträge manuell eingeben.
Ideal für nicht dynamische Daten, Tests und Demos.
Abfrage
Eine Abfrage erstellen, um die Liste automatisch mit Salesforce-Daten zu füllen.
Geeignet für dynamische Daten, Echtzeitdaten und große Datensätze.
Datenzuordnung
Im Abschnitt Datenzuordnungen erwecken Sie Ihre Liste zum Leben, indem Sie sie definieren und anpassen.
Klicken Sie auf die 'Spalten hinzufügen'-Schaltfläche, um das Feld auszuwählen, das Sie als Bezeichnung in der Liste anzeigen möchten.

Anschließend können Sie neben Ihren primären Daten zusätzliche Elemente einfügen. Dazu gehören visuelle Komponenten wie Bilder, Avatare oder sogar zusätzliche Felder, um jedem Listeneintrag mehr Kontext oder Details zu geben.

Elementtrennlinie
Die Funktion Elementtrennlinie wurde entwickelt, um die visuelle Struktur Ihrer Liste zu verbessern, indem Trennlinien zwischen den Elementen eingefügt werden. Mit diesem Attribut können Sie anpassen, wie jedes Element in der Liste von den anderen getrennt wird.
Keine
Der Standard — keine Trennlinie zwischen den Elementen.
Oben
Ermöglicht es Ihnen, oben an jedem Element in der Liste eine Trennlinie zu platzieren.
Unten
Fügt am unteren Rand jedes Listenelements eine Trennlinie hinzu.
Umgeben
Platziert Trennlinien sowohl oberhalb als auch unterhalb jedes Elements in der Liste.
Karte
Platziert jedes Listenelement in einem eigenen, kartenartigen Container, getrennt durch Trennlinien.
Variante
Die Variante legt den Listenstil fest: Vertikal (der Standard — eine standardmäßige vertikale Liste), Horizontal (eine einzeilige Reihe von Elementen) oder Kontrollkästchen-Liste (jedes Element erhält ein Kontrollkästchen). Beim Klicken hervorheben hebt das angeklickte Element visuell hervor, Anzahl der Elemente anzeigen zeigt neben dem Titel der Kopfzeile eine Anzahl an und API-Name gibt der Komponente eine eindeutige Kennung zur Referenzierung.
Kopfzeile
Konfigurieren Sie die Listen-Kopfzeile mit einer Kopfzeilentitel und Kopfzeilenuntertitel — jeweils mit einer eigenen Textstil Einstellung (Überschrift 1 bis Überschrift 4, Absatz 1 / Absatz 2) — einem Name des Kopfzeilen-Icons und Größe des Kopfzeilen-Icons, Kopfzeile ist verbunden damit die Kopfzeile bündig mit dem Inhalt darunter abschließt, und Kopfzeilenaktionen um Aktionsschaltflächen zur Kopfzeile hinzuzufügen.
Avatar
Avatar-Attribute passen Sie den auf jedem Element angezeigten Avatar an — seine Variante (Quadratisch / Kreisförmig), Größe, Position, Fallback-Symbolname, Präsenz Anzeige und Position des Indikators sowie die automatische Initialenformatierung.
Kontrollkästchen-Liste
Wenn die Variante ist Kontrollkästchen-Liste, Attribute der Kontrollkästchen-Liste fügen Sie Kontrollkästchen-Zähler anzeigen (eine Anzahl von ausgewählt/gesamt) und Durchstreichen bei Auswahl (streicht abgeschlossene Elemente durch).
Layout
Die Funktion Layoutoptionen innerhalb der Avonni-Listenkomponente bietet die Möglichkeit, die Darstellung von Daten innerhalb der Liste festzulegen. Dies geschieht durch die Auswahl der gewünschten Anzahl von Spalten, in denen die Daten organisiert werden sollen, wobei Optionen von einer bis zu zwölf Spalten verfügbar sind.

Darüber hinaus bietet die Avonni-Listenkomponente erweiterte Anpassungsmöglichkeiten durch die Fähigkeit, Spaltenkonfigurationen abhängig von der Bildschirmgröße des Containers festzulegen. Diese Funktion ermöglicht es, das Erscheinungsbild der Liste auf verschiedenen Geräten präzise anzupassen und eine konsistente, benutzerfreundliche Darstellung auf kleinen, mittleren und großen Bildschirmen sicherzustellen.

Feldlayout
Der Abschnitt Feldeigenschaften ermöglicht es Ihnen, die Anzahl der Spalten zu definieren, die jedes Feld innerhalb des Containers einnehmen wird, und gibt Ihnen so granulare Kontrolle über das Layout und das Erscheinungsbild Ihrer Listeninhalte.

Passen Sie die Variante an
Die Eigenschaft "variant" in der Avonni-Listenkomponente wird verwendet, um das Erscheinungsbild der Anzeige von Feldinformationen zu ändern. Im Folgenden sind die verfügbaren Werte für die Eigenschaft "variant" aufgeführt, jeweils mit ihrem eigenen Stil.
Standard: Dies ist die Standard Einstellung, bei der die Bezeichnung oberhalb des Feldes angezeigt wird. Es ist ein klassisches und weit verbreitetes Layout, das eine klare Trennung zwischen der Bezeichnung und dem Feldinhalt bietet.
Bezeichnung ausgeblendet: Wählen Sie diese Variante, wenn Sie ein minimalistisches Design wünschen. Die Bezeichnung wird nicht angezeigt, was ein aufgeräumteres Erscheinungsbild bietet. Dies ist ideal für Formulare, bei denen der Kontext oder der Platzhaltertext den Zweck des Feldes offensichtlich macht oder wenn der Platz begrenzt ist.
Bezeichnung inline: Bei dieser Variante wird die Bezeichnung in einer Linie mit dem Feld positioniert, typischerweise links. Dieses platzsparende Layout funktioniert gut in Formularen, in denen horizontal mehr Platz als vertikal vorhanden ist. Es ist auch nützlich, wenn Sie ein kompakteres Formularlayout erreichen möchten.
Bezeichnung gestapelt: Diese Variante platziert die Bezeichnung direkt über dem Feld. Wenn das Feld fokussiert oder ausgefüllt ist, bewegt sich die Bezeichnung nach oben. Es ist ein modernes Design, das häufig in mobilen Oberflächen und Webanwendungen verwendet wird, da es hilft, vertikalen Platz zu sparen und eine saubere, reduzierte Ästhetik beizubehalten.

Bild
Zu jedem Element kann ein Bild hinzugefügt werden. Der Abschnitt Bildeigenschaften passt dessen Position, Größe, Zuschnitt und eine Ausweichquelle an.
Filter
Die Attribute des Filtermenüs Der Abschnitt ermöglicht es Ihnen, ein Filtermenü hinzuzufügen. Wenn diese Funktion aktiviert ist, werden alle als Filter definierten Felder in diesem Popover angezeigt, sodass die Liste übersichtlich und fokussiert bleibt.

Seitennummerierung
Die Attribute der Seitennummerierung Bereich ermöglicht es Ihnen, lange Listen in kleinere Teile innerhalb der Avonni-Listenkomponente aufzuteilen. Aktivieren Sie Seitennummerierung anzeigen , um die Steuerelemente anzuzeigen, setzen Sie Anzahl der Elemente pro Seite (1 bis 200), wählen Sie deren Ausrichtung (Links, Mitte oder Rechts) und benennen Sie die Erste, Vorherige, Nächste und Letzte -Schaltflächen um oder ändern Sie deren Symbol. Das erleichtert den Umgang mit umfangreichen Listen.

Suche
Nutzen Sie das Attribut "Search Fields", um zu definieren, welche Felder innerhalb der Listenkomponente durchsuchbar sein sollen, damit Benutzer die benötigten Informationen schnell finden können.

Suche aktivieren: Um die Suchfunktion zu aktivieren, öffnen Sie Attribute der Suchfunktion und aktivieren Sie den Suche anzeigen -Schalter. Dadurch wird innerhalb der Listenkomponente ein Suchfeld eingefügt. Sie können diese Funktion anpassen, indem Sie den Platzhaltertext ändern und die Position des Suchfelds nach Bedarf anpassen.

Platzhaltertext festlegen: Passen Sie die Suchleiste an, indem Sie Platzhaltertext hinzufügen, um Benutzer zu führen.
Position der Suchleiste festlegen: Verwenden Sie die Position -Einstellung, um den Ort der Suchleiste festzulegen. Zu den Optionen gehören Links, Rechts, Mitte und Füllen.
Sortieren
Sortierattribute ermöglichen es Benutzern, die Liste neu zu ordnen. Aktivieren Sie Sortierbar um das Neuordnen per Drag-and-drop zu ermöglichen, wählen Sie ein Name des Sortier-Symbols und einen Position des Sortier-Symbols (Links oder Rechts) für den Ziehgriff und aktivieren Sie Sortierten Wert anzeigen um die aktuelle Sortierung anzuzeigen. Bei Neuordnung definiert die Interaktion, die ausgeführt wird, nachdem ein Element verschoben wurde — verwenden Sie sie mit Datensatzreihenfolge aktualisieren um die neue Reihenfolge in Salesforce zu speichern.
Interaktionen
Der "Abschnitt Bei Klick" lässt Sie definieren, was passiert, wenn Benutzer mit der Listenkomponente interagieren, indem sie auf ein Element klicken.

Hier sind die verfügbaren Interaktionen für die Listenkomponente:
Erkunden Sie jeden Abschnitt, um Einblicke in die Konfiguration dieser Funktionen zu gewinnen und die Interaktivität für Ihre Endbenutzer innerhalb der Avonni-Listenkomponente zu verbessern.
Formatierung
Die Avonni-Listenkomponente für Experience-Cloud-Sites bietet umfassende Anpassungsoptionen für ihr Erscheinungsbild, sodass Sie sie perfekt an die Ästhetik Ihrer Website anpassen können.
Passen Sie die Rahmenstärke, den Stil und die Farbe an, um die Grenzen der Liste zu definieren oder hervorzuheben.
Passen Sie die Gesamtgröße der Liste einschließlich Breite und Höhe an, damit sie zu Ihrem Layout passt.
Steuern Sie den Abstand zwischen Listenelementen, Kopfzeilen und dem Listeninhalt, um die Lesbarkeit und visuelle Attraktivität zu verbessern.
Gestalten Sie den Kopfzeilenbereich, einschließlich Titel, Beschriftung und Avataren, damit er visuell hervorsticht und informativ ist.
Passen Sie Schriftart, Größe und Farbe des Titels an, damit er hervorsticht oder zum Design Ihrer Website passt.
Gestalten Sie die Beschriftung unter dem Titel der Kopfzeile für eine kurze Beschreibung oder einen Kontext zur Liste.
Fügen Sie in der Kopfzeile einen Avatar oder ein Bild hinzu und gestalten Sie es, um eine visuelle Darstellung oder Markenidentität zu schaffen.
Passen Sie das Erscheinungsbild einzelner Listenelemente an, einschließlich Hintergrund, Ausrichtung und Abstand.
Steuern Sie die vertikale Ausrichtung von Listenelementen für ein konsistentes und gepflegtes Erscheinungsbild.
Passen Sie das Erscheinungsbild der Elementkopfzeilen innerhalb der Liste für klare Segmentierung und bessere Lesbarkeit an.
Gestalten Sie den Beschreibungstext des Elements, um detaillierte Informationen auf ansprechende Weise darzustellen.
Legen Sie die Hintergrundfarbe oder ein Bild für Listenelemente fest, um einzelne Einträge zu unterscheiden oder hervorzuheben.
Gestalten Sie die Felder innerhalb jedes Elements, etwa durch Änderung von Schriftart oder Farbe, für Klarheit und visuelle Hierarchie.
Passen Sie die Darstellung der Feldwerte für eine klare Datenpräsentation an.
Gestalten Sie die Beschriftungen der Felder, um sie von den Werten zu unterscheiden und die Lesbarkeit zu verbessern.
Gestalten Sie die Seitennummerierungsschaltflächen für die Navigation in der Liste, damit sie benutzerfreundlich sind und zur Ästhetik Ihrer Website passen.
Passen Sie den Fußbereich für zusätzliche Informationen oder Aktionen zur Liste an, damit er das Gesamtdesign ergänzt.
Zuletzt aktualisiert
War das hilfreich?
