Avatars are visual cues that illustrate a user, group, file type, channel, or Case Type.
Usage
Avatars always appear at the beginning of a string of text or summary list item.
Display options
Circle
Avatars representing people, such as a user, are always presented in a circle. User avatars highlight individuals associated with specific content.
Avatars are used whenever the content is highly personal (such as in conversations in Pulse or if the user is critical to case information, such as last updated data).
Non-customized user avatars display the first letter of the user’s first name or given name and the first initial of the last name or family name. Small renderings of the non-customized user avatars will display only the first letter of the first name.
Squircle
Squircle avatars are used for Case Type identities.
Generic channels (such as chat, phone, chatbot, and email) use UX Design System’s generic palette. Brand-specific channel avatars, such as Facebook or Twitter, should adopt the brand’s color palette. Due to the personal nature of the channel’s relationship to a user, channel avatars are similar to user avatars and should be represented within a circle.
Configuration
Avatars are not configurable in UI authoring.
All information on this site is for Pega’s UX design system, also known as Constellation (from 8.8 and onwards). If you have questions, concerns, or any other feedback, please reach to us on Pega Support and include the capability ‘User Experience’ and ‘Constellation’ in your request.
Related components