SAIL Design System guidance available for Images
A picture is worth a thousand words. Learn how to use images in your interface designs to say more than words ever could. |
a!userImage( user, altText, caption, link, showWhen )
Displays a user's profile photo for use in an image, rich text display, tree browser, billboard layout component, or in a grid column component in a Read-Only Grid.
Name | Keyword | Types | Description |
---|---|---|---|
User |
|
User |
The user whose profile photo will be shown. |
Alternate Text |
|
Text |
Alternate text of the image used for the image's alt attribute and read by screen readers; see accessibility considerations for more information. |
Caption |
|
Text |
Text to display in mouseovers. |
Link |
|
Link |
Link that determines the behavior of an image when clicked. Create links with: |
Visibility |
|
Boolean |
Determines whether the image is displayed in the component. When set to false, the image is hidden and is not evaluated. Default: true. |
Feature | Compatibility | Note |
---|---|---|
Portals | Incompatible | |
Offline Mobile | Incompatible | |
Sync-Time Custom Record Fields | Incompatible | |
Real-Time Custom Record Fields | Incompatible | Custom record fields that evaluate in real time must be configured using one or more Custom Field functions. |
Process Reports | Incompatible | Cannot be used to configure a process report. |
Process Events | Incompatible | Cannot be used to configure a process event node, such as a start event or timer event. |
The following patterns include usage of the User Image.
Event Timelines (Timeline, Events): Use the event timeline pattern to display a dated list of events and actions in chronological order. This pattern uses a combination of cards, rich text, and user images to show an easy to navigate list of dated events.
Leaderboard (Looping): Use the leaderboard pattern to show a selection of your data in an easy to read ranked display.
User List Pattern (Looping): The user list pattern retrieves all the users in a specified group and displays them in a single column.
User Image