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 Datensätze anzuzeigen — wie ihre Bestellungen, Fälle, Verträge oder beliebige verwandte Daten — mit vollständiger Kontrolle darüber, welche Felder auf jeder Karte angezeigt werden. Benutzer können suchen, filtern, durch Ergebnisse paginieren 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 Kundenbestellhistorien, Falllisten, Dokumentbibliotheken, Produktkataloge oder überall dort, wo Portalbenutzer ihre Salesforce-Datensätze durchsuchen und durchsuchen müssen.
Die Avonni-Liste ist eine Reaktives Datenkomponente
Konfiguration der Liste
Das Verständnis des Konfigurationsprozesses, insbesondere der Abschnitte Datenquelle und Zuordnungen, ist entscheidend, um die Liste effektiv zu nutzen.
Konfiguration der Datenquelle
Im Abschnitt Datenquelle verbinden Sie die Avonni-Liste mit Ihren Salesforce-Daten. Sie haben zwei Optionen für die Datenquelle.
Manuelle Datenquelle
Manuelle Eingabe der Liste in die Datentabelle.
Ideal für nicht-dynamische Daten, Tests und Demos.
Abfrage
Erstellen Sie eine Abfrage, um die Liste automatisch mit Salesforce-Daten zu füllen.
Geeignet für dynamische, Echtzeit- und große Datensätze.
Konfiguration der Datenzuordnungen
Sie erwecken Ihre Liste im Abschnitt Datenzuordnungen 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.
Dann können Sie zusätzliche Elemente neben Ihren primären Daten einfügen. Dies könnte visuelle Komponenten wie Bilder, Avatare oder sogar zusätzliche Felder umfassen, um jedem Listeneintrag mehr Kontext oder Details zu geben.
Konfiguration von Aussehen und Verhalten
Konfiguration des Element-Trenners
Die Funktion Element-Trenner ist dafür gedacht, die visuelle Struktur Ihrer Liste zu verbessern, indem Trenner zwischen den Elementen eingefügt werden. Dieses Attribut ermöglicht es Ihnen, anzupassen, wie jedes Element in der Liste von den anderen getrennt wird.
Oben
Ermöglicht das Platzieren eines Trenners oben bei jedem Element in der Liste.
Unten
Fügt eine Trennlinie am unteren Rand jedes Listenelements hinzu.
Rundherum
Platziert Trennlinien sowohl oberhalb als auch unterhalb jedes Elements in der Liste.
Karte
Setzt jedes Listenelement in einen eigenen kartenähnlichen Container, getrennt durch Trenner.
Layout-Optionen
Die Funktion Layout-Optionen innerhalb der Avonni-Listenkomponente ermöglicht die Festlegung der Darstellung der Daten innerhalb der Liste. Dies wird erreicht, indem die gewünschte Anzahl von Spalten ausgewählt wird, in denen die Daten organisiert werden sollen, mit Optionen von einer bis zwölf Spalten.
Darüber hinaus bietet die Avonni-Listenkomponente erweiterte Anpassungsmöglichkeiten durch die Möglichkeit, Spaltenkonfigurationen abhängig von der Bildschirmgröße des Containers anzugeben. Diese Funktion erlaubt eine präzise Anpassung des Erscheinungsbildes der Liste auf verschiedenen Geräten und sorgt für eine konsistente und benutzerfreundliche Darstellung auf kleinen, mittleren und großen Bildschirmen.
Feld-Layout-Optionen
Der Abschnitt Feldattribute ermöglicht es Ihnen, die Anzahl der Spalten zu definieren, die jedes Feld innerhalb des Containers einnimmt, wodurch Sie granulare Kontrolle über das Layout und Erscheinungsbild Ihrer Listeninhalte erhalten.
Passen Sie die Variante an
Die Eigenschaft "variant" in der Avonni-Listenkomponente wird verwendet, um das Erscheinungsbild der Anzeige von Feldinformationen zu ändern. Die folgenden Werte sind für die Eigenschaft "variant" verfügbar, jeweils mit ihrem eigenen Stil.
Standard: Dies ist die Standardeinstellung, bei der die Beschriftung über dem Feld angezeigt wird. Es ist ein klassisches und weit verbreitetes Layout, das eine klare Trennung zwischen Beschriftung und Feldinhalt bietet.
Beschriftung ausgeblendet: Wählen Sie diese Variante, wenn Sie ein minimalistisches Design wünschen. Die Beschriftung wird nicht angezeigt und bietet ein saubereres Erscheinungsbild. Dies ist ideal für Formulare, bei denen der Kontext oder der Platzhaltertext den Zweck des Feldes eindeutig macht oder wenn der Platz begrenzt ist.
Beschriftung inline: In dieser Variante ist die Beschriftung in einer Linie mit dem Feld positioniert, typischerweise links davon. 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 Formulardesign erreichen möchten.
Beschriftung gestapelt: Diese Variante platziert die Beschriftung direkt über dem Feld. Wenn das Feld fokussiert oder ausgefüllt wird, bewegt sich die Beschriftung nach oben. Es ist ein modernes Design, das häufig in mobilen Schnittstellen und Webanwendungen verwendet wird, da es hilft, vertikalen Platz zu sparen und ein sauberes, aufgeräumtes Erscheinungsbild zu erhalten.
Bildoptionen
Weitere Einstellungen
Filter
Die "Filteroption" ermöglicht es Ihnen, ein Filtermenü hinzuzufügen. Wenn diese Funktion aktiviert ist, werden alle als Filter festgelegten Felder in diesem Popover angezeigt, wodurch die Liste übersichtlich und fokussiert bleibt.
Seitennummerierung
Der Bereich "Paginierungsoptionen" ermöglicht es Ihnen, lange Listen in der Avonni-Listenkomponente in kleinere Teile aufzuteilen. Sie können wählen, wie viele Elemente auf jeder Seite angezeigt werden und wie die Steuerelemente aussehen. Dies erleichtert den Umgang mit umfangreichen Listen.
Suche
Verwenden Sie das Attribut 'Suchfelder', um zu definieren, welche Felder innerhalb der Listenkomponente durchsuchbar sein sollen, damit Benutzer schnell die benötigten Informationen finden können.
Suche aktivieren: Um die Suchfunktion zu aktivieren, navigieren Sie zum Abschnitt Suche und schalten Sie den Schalter 'Suche anzeigen' ein. Diese Aktion fügt der Listenkomponente ein Suchfeld hinzu. 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, der den Benutzern Orientierung bietet.
Positionierung der Suchleiste: Verwenden Sie das Positionsattribut, um den Ort der Suchleiste festzulegen. Optionen umfassen:
Interaktionen
Die "Abschnitt "Beim Klicken"" lässt Sie definieren, was passieren soll, 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 erhalten und die Interaktivität für Ihre Endbenutzer innerhalb der Avonni-Listenkomponente zu verbessern.
Styling Erscheinungsbild
Die Avonni-Listenkomponente für Experience Cloud Sites bietet umfassende Anpassungsoptionen für ihr Erscheinungsbild, sodass Sie sie perfekt auf das Design Ihrer Site abstimmen können.
Hier sind die Stilattribute, die in der Avonni-Liste zur Anpassung verfügbar sind:
Rahmen: Passen Sie die Rahmenstärke, den Stil und die Farbe an, um die Grenzen der Liste zu definieren oder hervorzuheben.
Größe: Passen Sie die Gesamtgröße der Liste an, einschließlich Breite und Höhe, um sie in Ihr Layout einzufügen.
Abstände: Steuern Sie den Raum zwischen Listenelementen, Überschriften und dem Listeninhalt, um Lesbarkeit und visuelle Attraktivität zu verbessern.
Kopfzeile: Gestalten Sie den Kopfzeilenbereich, einschließlich Titel, Untertitel und Avataren, damit er visuell auffällig und informativ ist.
Kopfzeilentitel: Passen Sie Schriftart, Größe und Farbe des Titels an, damit er hervortritt oder zum Thema Ihrer Site passt.
Kopfzeilenunterschrift: Gestalten Sie die Unterschrift unter dem Kopfzeilentitel für eine kurze Beschreibung oder Kontext zur Liste.
Kopfzeilen-Avatar: Fügen Sie einen Avatar oder ein Bild in der Kopfzeile ein und gestalten Sie ihn für visuelle Darstellung oder Branding.
Element: Passen Sie das Erscheinungsbild einzelner Listenelemente an, einschließlich Hintergrund, Ausrichtung und Abstand.
Vertikale Ausrichtung des Elements: Steuern Sie die vertikale Ausrichtung der Listenelemente für ein konsistentes und gepflegtes Erscheinungsbild.
Elementkopf: Passen Sie das Erscheinungsbild der Elemente-Kopfzeilen innerhalb der Liste für klare Segmentierung und Lesbarkeit an.
Elementbeschreibung: Gestalten Sie den Beschreibungstext des Elements, um detaillierte Informationen ansprechend darzustellen.
Elementhintergrund: Legen Sie die Hintergrundfarbe oder ein Bild für Listenelemente fest, um einzelne Einträge zu differenzieren oder hervorzuheben.
Elementfelder: Gestalten Sie die Felder innerhalb jedes Elements, z. B. Schriftart oder Farbe zu ändern, für Klarheit und visuelle Hierarchie.
Wert der Elementfelder: Passen Sie die Darstellung der Feldwerte an, um eine klare Datenpräsentation zu gewährleisten.
Beschriftung der Elementfelder: Gestalten Sie die Beschriftungen der Felder, um sie von den Werten zu unterscheiden und die Lesbarkeit zu verbessern.
Paginierungsbuttons: Gestalten Sie die Paginierungsbuttons zur Navigation in der Liste, damit sie benutzerfreundlich sind und zum Design Ihrer Site passen.
Fußzeile: Passen Sie den Fußzeilenbereich für zusätzliche Informationen oder Aktionen zur Liste an, sodass er das Gesamtdesign ergänzt.
Zuletzt aktualisiert
War das hilfreich?