For the complete documentation index, see llms.txt. This page is also available as Markdown.

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.

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.

Typ der Datenquelle
Beschreibung
Anwendungsfall

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.

Trennlinie
Beschreibung

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.

  1. 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.

  2. 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.

  3. 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.

  4. 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.

Elemente werden geladen. Mit Seitennummerierung deaktiviert lädt die Liste Anzahl der Elemente pro Seite Elemente gleichzeitig hinter einer Mehr anzeigen -Schaltfläche — oder, wenn Sie eine feste Höhe (Größenstil) festlegen, wechselt sie zu unendlichem Scrollen (lädt das nächste Paket, sobald Sie den unteren Rand erreichen). Mit Seitennummerierung aktiviert zeigt sie eine Seite mit Anzahl der Elemente pro Seite Elementen mit Seitennummerierungssteuerelementen an.

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?