Chip-Container

Übersicht

Die Chip-Container-Komponente ist ein wesentliches Benutzeroberflächenelement für Salesforce Experience Cloud-Sites und wurde entwickelt, um eine Sammlung interaktiver Tags oder Beschriftungen, oft als „Chips“ bezeichnet, ordentlich anzuzeigen und zu verwalten.

Sie vereinfacht die Benutzererfahrung bei der Verwaltung dieser Elemente und stellt sicher, dass das Layout optisch ansprechend und benutzerfreundlich bleibt, wobei es sich perfekt an die Ästhetik von Experience Cloud-Sites anpasst.

Konfiguration des Chip-Containers

Allgemeine Einstellungen

1. Einzeilig

• Funktionalität: Legt fest, ob die Chips einzeilig 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. Ist einklappbar

• 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: 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 Avonni Chip Container

Der Avonni Chip Container bietet zwei Hauptmethoden für die 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 eignet sich ideal für Anfangskonfigurationen, 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 zu ziehen 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 Echtzeitwiderspiegelung 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 beinhaltet das sorgfältige Ausrichten 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 garantiert, dass die aus Salesforce abgerufenen Daten in den Chips richtig dargestellt werden und sinnvolle sowie kontextuell genaue Anzeigen liefern.

Styling-Einstellungen

Übersicht

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

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.

• Die Anpassung 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 mit dem Design der Site zu ergänzen oder zu kontrastieren.

  • Die Optionen zur Rahmenanpassung (Farbe, Größe, Stil und Radius) bieten Kontrolle über die Kontur des Containers und ermöglichen es, dass er sich abhebt oder nahtlos in andere Seitenelemente einfügt.

Einzelnes Chip-Styling

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

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

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

Avatar-Anpassung innerhalb der Chips

• Randgröße, -farbe, -stil; Initialen Schriftfarbe/-gewicht, Icon-Hintergrundfarbe, Bild-Object-Fit:

  • Avatare innerhalb von Chips können so gestaltet werden, dass sie zum Design der Site passen, mit Optionen zur Anpassung der Rahmenattribute und der Schriftmerkmale der Initialen.

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

Variantenspezifische Stil-Einstellungen

• Anpassbar basierend auf der gewählten Variante:

  • Die Chip-Container-Komponente bietet variantspezifisches Styling, das bedeutet, dass verschiedene Stile basierend auf der ausgewählten Chip-Variante angewendet werden können.

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