AX - Chip-Container

Überblick

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

Verwenden Sie sie, um verwandte Elemente, Kategorien, Fähigkeiten, Filter oder beliebige 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 Chip-Styling und Verhalten im Experience Builder ohne Code.

Perfekt für Filterauswahlen, Tag-Anzeigen, Fähigkeitsabzeichen, Kategorielisten oder überall dort, wo Portalbenutzer mehrere verwandte Elemente platzsparend sehen und damit interagieren müssen.

Konfiguration des Chip-Containers

Allgemeine Einstellungen

1. Einzeilig

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

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

2. Zusammenklappbar

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

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

3. Erweitert

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

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

Datenquellenkonfiguration für den Avonni Chip-Container

Der Avonni Chip-Container bietet zwei Hauptmethoden zur Datenintegration – manuelle und Abfrage-Datenquellen. Jede Methode erfüllt unterschiedliche Zwecke 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 Anfangskonfigurationen, Testumgebungen oder Szenarien, in denen statische Daten bevorzugt werden.

Abfrage-Datenquelle

• Funktionalität:

  • Die Abfrage-Option 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 befüllt werden müssen.

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

Datenzuordnungen für Abfrage-Datenquelle

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

• Prozess:

  • Er umfasst das sorgfältige Abgleichen und Zuordnen von Salesforce-Felddaten zu den entsprechenden Attributen im Chip-Container. Dieser Schritt stellt sicher, dass die Daten sinnvoll und organisiert abgerufen und dargestellt werden.

• Ergebnis:

  • Eine korrekte Datenzuordnung gewährleistet, dass die aus Salesforce abgerufenen Daten korrekt in den Chips dargestellt werden und somit bedeutungsvolle und kontextuell genaue Anzeigen sicherstellen.

Styling-Einstellungen

Überblick

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

Abstandsoptionen

Chip-Container Block Anfang/Ende, Inline Anfang/Ende:

• Diese Einstellungen steuern den Abstand um den Chip-Container in Block-(vertikaler) und Inline-(horizontaler) Ausrichtung.

• Das Anpassen dieser Werte kann helfen, den gewünschten visuellen Puffer zwischen den Chips und anderen Elementen zu schaffen und die Lesbarkeit sowie die Konsistenz des Layouts zu verbessern.

Chip-Container-Styling

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

  • Passen Sie die Hintergrundfarbe an, um sie dem Design der Site anzupassen oder einen Kontrast zum Thema zu schaffen.

  • Die Optionen zur Anpassung des Rahmens (Farbe, Größe, Stil und Radius) bieten Kontrolle über die Kontur des Containers, sodass er sich hervorheben oder nahtlos in andere Seitenlemente einfügen kann.

Einzelnes Chip-Styling

• Beschriftungs-Schriftgröße, Gewicht, Stil; Rahmenbreite, Stil, Radius; Zeilenhöhe:

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

  • Anpassungen von Rahmen und Zeilenhöhe verbessern die visuelle Wirkung jedes Chips und machen sie deutlicher und einfacher zu bedienen.

Avatar-Anpassung innerhalb von Chips

• Rahmenbreite, Farbe, Stil; Initialen-Schriftfarbe/-gewicht, Symbol-Hintergrundfarbe, Bild-Objektanpassung:

  • Avatare innerhalb von Chips können stilistisch an das Design der Site angepasst werden, mit Optionen zur Anpassung von Rahmen-Eigenschaften und Schriftmerkmalen der Initialen.

  • Einstellungen für 'Image Object Fit' wie 'fill', 'contain', 'cover' usw. sind entscheidend, um sicherzustellen, dass Avatar-Bilder korrekt ohne Verzerrung angezeigt werden.

Variante Stil-Einstellungen

• Anpassbar basierend auf der gewählten Variante:

  • Die Chip-Container-Komponente bietet variantenspezifisches Styling, d. h. es können unterschiedliche Stile basierend auf der ausgewählten Chip-Variante angewendet werden.

  • Diese Funktion ermöglicht größere Flexibilität und Kreativität im Design und stellt sicher, dass jede Chip-Variante innerhalb des Containers ein einzigartiges, aber stimmiges Erscheinungsbild haben kann.