Web Image

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!webImage( source, altText, caption, link, showWhen )

Displays an image from the web for use in an image field, rich text field, tree browser field, billboard layout or grid column in a Read-Only Grid.

Name	Keyword	Types	Description
Source	`source`	SafeURI	Location of the image. See SafeURI.
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	Optional text to display in the mouseover text for the image and when the images is viewed in slideshow mode.
Link	`link`	Link	Link that determines the behavior of an image when clicked. Create links with: a!authorizationLink() a!documentDownloadLink() a!dynamicLink() a!newsEntryLink() a!processTaskLink() a!recordLink() a!reportLink() a!startProcessLink() a!submitLink() a!userRecordLink() a!safeLink()
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.

The table below lists this component's compatibility with various features in Appian.

Feature	Compatibility	Note
Portals	Compatible
Offline Mobile	Incompatible
Sync-Time Custom Record Fields	Incompatible
Real-Time Custom Record Fields	Incompatible
Process Reports	Incompatible	You cannot use this function to configure a process report.
Process Events	Incompatible	You cannot use this function to configure a process event node, such as a start event or timer event.

The following patterns include usage of the Web Image.

Cards as List Items Patterns (Choice Components, Images): Use the cards as list items pattern to create visually rich lists as an alternative to grids or feeds. This pattern uses a combination of cards and billboards to show lists of like items. You can easily modify the pattern to change the card content or the number of cards per row to fit your use case.

Was this page helpful?