AX - Chip-Container

Übersicht

AX - Chip-Container ist eine Experience Cloud-Komponente, die eine Sammlung interaktiver Tags oder Beschriftungen (Chips) auf Experience Sites-Seiten anzeigt.

Verwenden Sie sie, um verwandte Elemente, Kategorien, Fähigkeiten, Filter oder beliebig gruppierte Daten in einem kompakten, visuellen Format anzuzeigen. Benutzer können mit Chips interagieren, um sie auszuwählen, zu entfernen oder Aktionen auszulösen. Konfigurieren Sie das Styling und Verhalten der Chips im Experience Builder ohne Code.

Perfekt für Filterauswahlen, Tag-Anzeigen, Fähigkeitsabzeichen, Kategorienlisten oder überall dort, wo Portalbenutzer mehrere zusammengehörige Elemente platzsparend sehen und mit ihnen interagieren müssen.

Konfigurieren des Chip-Containers

Allgemeine Einstellungen

1. Einzeilig

• Funktionalität: Legt fest, ob die Chips in einer einzigen Zeile angezeigt werden oder auf mehrere Zeilen umbrochen werden können.

• Verwendung: Nützlich, um ein kompaktes Layout beizubehalten oder eine größere Anzahl von Chips unterzubringen.

2. Kann eingeklappt werden

• Funktionalität: Ermöglicht, dass der Chip-Container einklappbar ist.

• Verwendung: Ideal für Szenarien, in denen Sie Platz sparen oder die Sichtbarkeit der Chips steuern möchten.

3. Ist erweitert

• Funktionalität: Legt den Anfangszustand des Chip-Containers auf erweitert fest.

• Verwendung: Nützlich, wenn Sie möchten, dass beim Laden alle Chips sofort für den Benutzer sichtbar sind.

Datenquellenkonfiguration für Avonni Chip-Container

Der Avonni Chip-Container bietet zwei primäre Methoden zur Datenintegration – manuelle und Abfrage-Datenquellen. Jede Methode dient unterschiedlichen Zwecken und eignet sich für verschiedene Szenarien, von statischen Datenanzeigen bis hin zur dynamischen, Echtzeit-Datenintegration aus Salesforce-Datensätzen.

Manuelle Datenquelle

• Funktionalität:

  • Diese Einstellung ermöglicht die direkte und manuelle Dateneingabe in den Chip-Container.

• Verwendung:

  • Dies ist besonders nützlich, wenn die Chip-Daten nicht dynamisch aus Salesforce-Datensätzen stammen.

  • Sie ist ideal für erste Einrichtungsphasen, Testumgebungen oder Szenarien, in denen statische Daten bevorzugt werden.

Abfrage-Datenquelle

• Funktionalität:

  • Die Abfrageoption ermöglicht es dem Chip-Container, Daten automatisch aus Salesforce-Datensätzen abzurufen und anzuzeigen.

• Verwendung:

  • Perfekt für Fälle, in denen Chips dynamisch mit aktuellen Informationen aus Salesforce gefüllt werden müssen.

  • Ermöglicht die Echtzeitdarstellung von Daten und ist damit eine ausgezeichnete Wahl für aktive, datengetriebene Sites.

Datenzuordnungen für die Abfrage-Datenquelle

Der Datenzuordnungsprozess ist entscheidend für die Genauigkeit und Relevanz der im Chip-Container angezeigten Daten.

• Vorgehen:

  • Dabei werden Salesforce-Felddaten sorgfältig mit den entsprechenden Attributen im Chip-Container abgeglichen und zugeordnet. Dieser Schritt stellt sicher, dass die Daten sinnvoll und strukturiert abgerufen und dargestellt werden.

• Ergebnis:

  • Eine korrekte Datenzuordnung gewährleistet, dass die aus Salesforce abgerufenen Daten in den Chips richtig dargestellt werden und somit aussagekräftige sowie kontextuell genaue Anzeigen entstehen.

Stileinstellungen

Übersicht

Die Anpassung des Stils der Avonni Chip-Container-Komponente ist entscheidend, um ihr Erscheinungsbild an die Gesamtästhetik Ihrer Salesforce-Experience-Cloud-Site anzupassen. Die Komponente bietet eine Reihe von Styling-Optionen, die eine detaillierte Anpassung ermöglichen und sowohl Funktionalität als auch visuelle Attraktivität sicherstellen.

Abstandsoptionen

Chip-Container Blockanfang/-ende, Inlineanfang/-ende:

• Diese Einstellungen steuern den Abstand um den Chip-Container in blockbezogenen (vertikalen) und Inline-(horizontalen) Ausrichtungen.

• Durch Anpassen dieser Werte können Sie den gewünschten visuellen Puffer zwischen den Chips und anderen Elementen schaffen und so die Lesbarkeit sowie die Layout-Konsistenz verbessern.

Styling des Chip-Containers

• Hintergrund, Rahmenfarbe, Größe, Stil und Radius:

  • Passen Sie die Hintergrundfarbe so an, dass sie das Design der Website ergänzt oder einen Kontrast dazu bildet.

  • Die Optionen zur Rahmenanpassung (Farbe, Größe, Stil und Radius) bieten Kontrolle über die Umrandung des Containers, sodass er hervorsticht oder sich nahtlos in andere Seitenelemente einfügt.

Styling einzelner Chips

• Schriftgröße, -gewicht und -stil der Beschriftung; Rahmenstärke, -stil und -radius; Zeilenhöhe:

  • Feinabstimmung der Typografie der Chip-Beschriftungen für Klarheit und Markenabstimmung.

  • Anpassungen von Rahmen und Zeilenhöhe erhöhen die visuelle Wirkung jedes Chips und machen sie deutlicher sowie einfacher zu verwenden.

Avatar-Anpassung innerhalb der Chips

• Rahmengröße, -farbe und -stil; Schriftfarbe/-gewicht der Initialen, Hintergrundfarbe des Symbols, Bild-Anpassung:

  • Avatare innerhalb der Chips können so gestaltet werden, dass sie zum Design der Website passen, mit Optionen zum Anpassen der Rahmeneigenschaften und der Schriftmerkmale der Initialen.

  • Einstellungen wie „fill“, „contain“, „cover“ usw. für „Image Object Fit“ sind entscheidend, damit Avatarbilder korrekt und ohne Verzerrung angezeigt werden.

Variant-Stileinstellungen

• Anpassbar basierend auf der ausgewählten Variante:

  • Die Chip-Container-Komponente bietet variantenbasiertes Styling, sodass je nach ausgewählter Chip-Variante unterschiedliche Stile angewendet werden können.

  • Diese Funktion ermöglicht mehr Flexibilität und Kreativität im Design und stellt sicher, dass jede Chip-Variante im Container ein einzigartiges, aber stimmiges Erscheinungsbild haben kann.