SAIL Design System guidance available for Rich Text
Enhance readability and comprehension on your interface by using rich text styles to visually differntiate text. |
a!richTextImage( image, showWhen )
Displays an image within a rich text component.
To show styled icons within rich text, see Styled Icon.
See also: Rich text style guidance
Name | Keyword | Types | Description |
---|---|---|---|
Image |
|
Image |
Required image to display in the node, created with a!documentImage(),a!userImage(), and a!webImage(). |
Visibility |
|
Boolean |
Determines whether the component is displayed on the interface. When set to false, the component is hidden and is not evaluated. Default: true. |
Copy and paste an example into the INTERFACE DEFINITION in EXPRESSION MODE to see it displayed.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {
"Happy Face ",
a!richTextImage(
image: a!documentImage(
document: a!iconIndicator(
icon: "FACE_HAPPY"
)
)
),
"Indifferent Face ",
a!richTextImage(
image: a!documentImage(
document: a!iconIndicator(
icon: "FACE_INDIFFERENT"
)
)
),
"Sad Face ",
a!richTextImage(
image: a!documentImage(
document: a!iconIndicator(
icon: "FACE_SAD"
)
)
)
}
)
Displays the following:
Feature | Compatibility | Note |
---|---|---|
Portals | Compatible | |
Offline Mobile | Compatible | |
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 Inline Image.
Inline Image