AX - Avatar

AX - Avatar ist eine Experience-Cloud-Komponente, die Profilbilder, Initialen oder Symbole auf Experience-Sites-Seiten anzeigt, um Benutzer, Kontakte, Konten oder beliebige Salesforce-Datensätze darzustellen.

Verwende sie, um Portal-Benutzerprofile, Ansprechpartner, Kontaktlisten oder Entitätskennungen mit einheitlichem visuellen Stil anzuzeigen. Die Komponente zeigt automatisch Bilder an, wenn sie verfügbar sind, oder weicht andernfalls auf Initialen oder Symbole aus.

Perfekt für Benutzerprofil-Kopfzeilen, Listen von Community-Mitgliedern, Kontaktverzeichnisse oder überall dort, wo Portal-Benutzer eine visuelle Identifikation von Personen oder Entitäten benötigen.

Die Avonni-Avatar-Komponente hilft dir, visuell einheitliche Darstellungen von Benutzern oder Entitäten innerhalb deiner Salesforce-Experience-Cloud-Site zu erstellen. Hier ist eine Schritt-für-Schritt-Anleitung, um den Avatar an deine Bedürfnisse anzupassen:

Die Avatar-Komponente bietet Flexibilität bei der Anzeige von Initialen:

Wenn du die anzuzeigenden Initialen kennst, gib sie direkt in das Feld „Initialen“ ein.

Um deine Avonni-Komponenten dynamisch zu machen, kannst du Experience-Cloud-Ausdrückeverwenden. Im folgenden Avatar-Beispiel kannst du beispielsweise den folgenden Ausdruck verwenden, um automatisch den Namen des aktuell angemeldeten Benutzers anzuzeigen:

Du kannst Name durch den tatsächlichen Feldnamen ersetzen, in dem der Name des Benutzers in deiner Salesforce-Organisation gespeichert ist.

Wenn du Initialen automatisch aus einem vollständigen Namen generieren möchtest, aktiviere die Option „Initialen automatisch formatiert“. Dadurch werden Experience-Cloud-Ausdrücke verwendet, um den ersten Buchstaben jedes Wortes im Namen zu extrahieren und zu formatieren.

Füge ein Profilfoto, ein Logo oder ein beliebiges Bild hinzu, damit der Avatar sofort erkennbar ist. Lade dein Bild über die Ausgewählte Inhalte -Option hoch; die Komponente beschneidet und formatiert es automatisch so, dass es in die Avatar-Form passt.

Wenn kein Bild hinzugefügt wird, zeigt der Avatar stattdessen Initialen an

Wähle zwischen Quadrat (die Standardoption) und Kreis über das Feld Variante aus, um es an das Design deines Portals anzupassen. Runde Avatare eignen sich gut für Personen, während quadratische Formen sich für Logos oder Entitätssymbole eignen

Steuere, wie groß der Avatar auf der Seite angezeigt wird, über die Größe Eigenschaft. Die Optionen reichen von X-Klein bis Klein, Mittel (Standard), Groß und X-Groß bis XX-Großund lassen sich so mit dem umgebenden Inhalt ausbalancieren – kleiner für Inline-Listen, größer für Profil-Kopfzeilen.

Zeige zusätzlichen Kontext neben dem Avatar an, indem du Textfelder hinzufügst. Verwende Primärtext für die wichtigsten Informationen (z. B. einen vollständigen Namen) und Sekundärtext für ergänzende Details (z. B. Berufsbezeichnung oder E-Mail).

Du kannst außerdem für jede Textebene Schriftstile festlegen, um eine visuelle Hierarchie zwischen den primären und sekundären Informationen zu schaffen.

Füge visuelle Labels hinzu, um Informationen über den Avatar zu kategorisieren oder hervorzuheben. Jeder Tag hat einen Beschriftung und einen Variante der das Badge einfärbt — Alt Inverse, Basis, Marke, Fehler, Info, Invertiert, Offline, Erfolgreich oder Warnung — nützlich, um Status, Abteilung, Rolle oder einen beliebigen Kurzbezeichner anzuzeigen.

Initialen zeigt bestimmte Initialen für einen Benutzer oder eine Entität an, und Initialen automatisch formatiert generiert sie automatisch aus einem angegebenen vollständigen Namen, um eine konsistente Darstellung ohne manuelle Eingabe zu ermöglichen.

Fallback-Symbolname legt das Ersatzsymbol fest, das angezeigt wird, wenn Primärdaten (ein Bild oder Initialen) fehlen, und sorgt so für visuelle Kontinuität. Standardmäßig ist standard:account.

CMS-Bild und Bild-URL oder Ausdruck legt das Bild des Avatars fest — verweise auf ein CMS-verwaltetes Asset oder gib eine URL/einen Ausdruck an. Href macht den Avatar zu einem Link zur angegebenen Adresse.

Variante wählt eine Quadrat (Standard) oder Kreis Form und Größe passt die Gesamtgröße an (X-Klein, Klein, Mittel (Standard), Groß, X-Groß, XX-Groß). Symbolposition richtet das Fallback-Symbol innerhalb des Avatars aus (Start, Mitte (Standard), Ende).

Primärtext, Sekundärtext, und Tertiärtext zeigt den Haupt-, den ergänzenden und den Text der dritten Ebene neben dem Avatar an (oft ein Name, dann eine Rolle und dann ein Zusatzdetail). Jeder hat eine eigene Textstil Einstellung direkt darunter im Bereich — Überschrift 1 bis Überschrift 4, oder Absatz 1 / Absatz 2. Textposition gibt die Ausrichtung dieser Texte relativ zum Avatar an (Links, Mitte, Rechts (Standard)).

Avatar-Details ausblenden zeigt zusätzliche Details, die dem Avatar zugeordnet sind, wie Texte oder Tags, an oder blendet sie aus.

Tags füge dem Avatar Badge-Tags als Kategoriemarker oder Indikatoren hinzu.

Entitätssymbolname, Entitätsinitialen, Entitätsbildquelle, Entitätsvariante, und Entitätsposition konfiguriere ein sekundäres „Entitäts“-Badge, das über dem Avatar eingeblendet wird — sein Symbol, seine Initialen, sein Bild, seine Form (Quadrat, die Standardoption, oder Kreis) und seine Eckposition (oben links (Standard), oben rechts, Unten links, Unten rechts).

Aktionen füge dem Avatar Aktionsschaltflächen hinzu — jede mit Beschriftung, Symbol, Name und Klickaktion — sowie ein Menüsymbol und eine Menüposition (Unten links, Unten rechts, oben links, oben rechts) werden verwendet, sobald mehr als eine Aktion vorhanden ist. Verlinken auf definiert eine Aktion, die ausgelöst wird, wenn auf den Avatar geklickt wird.

Benutzerprofile – Erstelle vollständige Profil-Kopfzeilen, indem du ein benutzerdefiniertes Bild mit Primärtext für den Namen des Benutzers und Sekundärtext für seine Berufsbezeichnung oder Abteilung kombinierst. So erhalten Portal-Benutzer eine klare, professionelle Darstellung auf ihren Profilseiten.

Community-Foren – Zeige Avatare neben Beiträgen und Kommentaren an, damit Community-Mitglieder schnell erkennen können, wer etwas beiträgt. Das verleiht eine persönliche Note, fördert die Interaktion und macht Unterhaltungen leichter nachvollziehbar.

Teamseiten – Präsentiere Teammitglieder mit Avataren, die Namen, Rollen und Tags für Abteilung oder Fachgebiet enthalten. So finden Portal-Benutzer schnell den richtigen Kontakt und verstehen die Teamstruktur auf einen Blick.