> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-avatar-group.md).

# AX - Avatar Group

## Übersicht

**AX - Avatar Group** ist eine Experience-Cloud-Komponente, die mehrere Profilbilder, Initialen oder Symbole in einer kompakten Reihe auf Experience-Sites-Seiten anzeigt.

Verwenden Sie sie, um Teammitglieder, Projektmitwirkende, Account-Kontakte oder jede Gruppe zusammenhängender Benutzer oder Datensätze anzuzeigen. Die Komponente ordnet Avatare horizontal an und zeigt einen "+X"-Hinweis an, wenn mehr Avatare vorhanden sind, als im Anzeigebereich Platz finden.

Perfekt für Teamlisten, Kollaborationsgruppen, Anzeigen zur Fallzuweisung oder um zu zeigen, wer in Kunden- oder Partnerportalen Zugriff auf gemeinsam genutzte Datensätze hat.

***

## **Konfigurationsoptionen**

### **Datenquelle**

Sagen Sie ihm, wo er die Informationen findet, damit Ihre Avatar Group die richtigen Personen anzeigt. Hier kommen **Datenquellen** ins Spiel. Stellen Sie sich das so vor, als würden Sie Ihre Avatare mit dem Herzstück Ihrer Salesforce-Daten verbinden.

<figure><img src="/files/55557b26769b1592aa1cc8889b26c2b737afa9e8" alt=""><figcaption></figcaption></figure>

#### **Manuell**

Diese Option eignet sich hervorragend für kleinere Teams oder Situationen, in denen Sie Avatare nur für ein bestimmtes Ereignis oder Projekt anzeigen müssen.

1. **Jede Person hinzufügen:** Sie geben ihre Daten direkt in den Avatar-Group-Einstellungen für jede einzelne Person ein, die Sie einschließen möchten.
2. **Wichtige Informationen bereitstellen:** Dazu gehören:
   * **Avatar-Bild:** Wenn Sie ein Bild haben, können Sie es hier hochladen.
   * **Initialen:** Diese werden angezeigt, wenn kein Bild verfügbar ist.
   * **Weitere Details:** Sie können zusätzliche Informationen wie die Position oder die Abteilung der Person einfügen.

Obwohl die manuelle Option mehr Aufwand erfordert, gibt sie Ihnen die vollständige Kontrolle darüber, wer in Ihrer Avatar Group angezeigt wird.

#### **Abfrage**

Diese Option ist Ihre erste Wahl, wenn sich Ihr Team häufig ändert oder Sie möchten, dass die Avatare immer mit den neuesten Informationen in Ihrer Salesforce-Organisation übereinstimmen.

So funktioniert es:

1. **Wählen Sie Ihr Objekt:** Wählen Sie das Salesforce-Objekt (z. B. Benutzer, Kontakt oder ein benutzerdefiniertes Objekt) aus, in dem sich Ihre Avatar-Informationen befinden.
2. **Daten zuordnen:** Verbinden Sie die Attribute Ihrer Avatar-Gruppe (wie Name, Titel, Profilbild) mit den entsprechenden Feldern im von Ihnen gewählten Objekt. So weiß die Avatar Group genau, wo sie die richtigen Details für jede Person finden kann.

Mit der Abfrage-Option wird Ihre Avatar Group zu einer dynamischen Darstellung Ihrer Salesforce-Daten und zeigt immer die genauesten und aktuellsten Informationen an.

### **Variante**

* **Quadrat:** Avatare werden als Quadrate angezeigt, mit einem klassischen und klaren Look.
* **Kreis:** Avatare werden als modernere und freundlichere Kreise angezeigt.
* **Leer:** Wenn kein Bild verfügbar ist, erscheinen Initialen oder Platzhalter-Symbole in leeren Kreisen oder Quadraten. Wählen Sie diese Option, um die visuelle Konsistenz auch dann zu erhalten, wenn Bilddaten fehlen.

<figure><img src="/files/3e1053d2bbf3fc2511ba544ad08600ae0e053a5e" alt=""><figcaption></figcaption></figure>

### **Größe**

* Steuern Sie die Abmessungen jedes Avatars. Wählen Sie aus einer Reihe von Größen, passend zum Layout und Kontext Ihrer Website. Zu den Optionen gehören x-klein, klein, mittel, groß, x-groß und xx-groß.

### **Layout**

* **Stapel:** Avatare werden vertikal gestapelt, ideal für schmale Bereiche oder Seitenleisten.
* **Raster:** Avatare werden in einem Raster angeordnet, perfekt, um eine größere Gruppe von Benutzern oder Teams zu präsentieren.
* **Liste:** Avatare werden in einer horizontalen Reihe angezeigt, was nützlich ist, wenn der Platz begrenzt ist, Sie aber trotzdem mehrere Avatare präsentieren möchten.

### **Max. Anzahl**

* Begrenzen Sie die Anzahl der in der Gruppe angezeigten Avatare. Das trägt zu einem sauberen Layout bei und verhindert, dass der Benutzer von zu vielen visuellen Elementen überwältigt wird.

### **Initialen automatisch formatiert (Umschalter)**

* Aktivieren Sie diese Option, um automatisch die Initialen der Benutzer oder Teams anzuzeigen, wenn keine Bilder verfügbar sind. Dies sorgt auch dann für eine konsistente visuelle Darstellung, wenn Bilddaten fehlen.

### Verknüpfen mit (Machen Sie Ihre Avatare interaktiv)

Betrachten Sie diesen Abschnitt als Superkraft für Ihre Avatare – beim Klicken bringen sie Ihre Benutzer irgendwohin!

<figure><img src="/files/296eb6187e6276bdfc57df392da1f984fae59865" alt=""><figcaption></figcaption></figure>

#### Warum ist das nützlich?

* **Benutzerprofile:** Stellen Sie sich vor, Sie zeigen ein Team von Experten an. Wenn Sie einen Link zu einer Aktion einrichten, könnte ein Klick auf einen Avatar deren vollständige Profilseite öffnen.
* **Benutzerdefinierte Aktionen:** Vielleicht möchten Sie, dass ein Klick einen bestimmten Flow auslöst oder sogar zu einer externen Website weiterleitet.

#### So funktioniert es

1. **Wählen Sie Ihren Typ:** Wählen Sie aus, wohin der Klick Ihre Benutzer führen soll. Das kann zu einer Datensatzseite, einer benutzerdefinierten Seite, einem Flow oder einer externen URL sein.
2. **Aktionsnamen anpassen:** Wenn Sie eine Navigationsinteraktion verwenden, wählen Sie den aufzurufenden Aktionsnamen aus.

Mit der Verknüpfungsfunktion wird Ihre Avatar Group mehr als nur eine Anzeige von Gesichtern; sie wird zu einem Zugang zu zusätzlichen Informationen oder Aktionen.

***

## **Verwendung der Avonni Avatar Group-Komponente**

Diese Konfigurationsoptionen ermöglichen es Ihnen, die Avonni Avatar Group-Komponente an Ihre Bedürfnisse anzupassen. Zum Beispiel können Sie Teammitglieder auf einer Projektseite präsentieren, Kunden-Avatare auf Kontoseiten anzeigen oder visuell ansprechende Listen von Community-Mitgliedern erstellen.

Denken Sie daran, dass die Avonni Avatar Group-Komponente sehr anpassungsfähig ist. Sie können ihr Erscheinungsbild mit Styling weiter anpassen und sogar interaktive Elemente hinzufügen, um die Avatare anklickbar zu machen oder mit Benutzerprofilen zu verknüpfen.

Indem Sie die Avonni Avatar Group-Komponente nutzen, können Sie für die Benutzer Ihrer Experience-Cloud-Website ein persönlicheres und informativeres Erlebnis schaffen, Verbindungen fördern und den menschlichen Aspekt innerhalb Ihrer Online-Community hervorheben.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-avatar-group.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
