Free cookie consent management tool by TermsFeed

User Image

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.

Function

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.

Parameters

Name Keyword Types Description

User

user

User

The user whose profile photo will be shown.

Alternate Text

altText

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

caption

Text

Text to display in mouseovers.

Link

link

Link

Link that determines the behavior of an image when clicked. Create links with:

Visibility

showWhen

Boolean

Determines whether the image is displayed in the component. When set to false, the image is hidden and is not evaluated. Default: true.

Usage considerations

Using the user parameter

  • When no user is provided, the default profile picture is shown.

Feature compatibility

The table below lists this component's compatibility with various features in Appian.
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.

Feedback