a!richTextItem_18r1 Component

This page contains information related to an old version of the Styled Text.

Old versions do not appear in category lists; only the newest versions are listed.

To take advantage of the latest features and improvements, we always recommend you use the latest versions of Interface Components whenever possible. See the latest version's page for information about what's been changed.

Styled Text

Function: a!richTextItem_18r1()

Displays styled text within a rich text component.

Parameters

Name Keyword Type Description
Text text Text or Styled Text Array of text to display as a rich text item. Text can be further styled by nesting multiple a!richTextItem_18r1() calls.
Style style Text Determines the style to apply to the text value. Valid values include "NORMAL" (default), "EMPHASIS", "STRONG", "UNDERLINE", "LARGE", "MEDIUM", "SMALL", "HEADER_LARGE", "HEADER_MEDIUM", "HEADER_SMALL", "POSITIVE", "NEGATIVE", "ACCENT", and "SECONDARY".
Link link Link Link to apply to the text. Create links with
Link Style linkStyle Text Determines how the link is underlined. Valid values: "INLINE" (default), "STANDALONE".
Visibility showWhen Boolean Determines whether the component is displayed on the interface. When set to false, the component is hidden and is not evaluated. Default: true.

Notes

  • If Text is null or contains an empty array, no text is displayed.
  • If Link is null, the Text is not displayed as a link.
  • While rich text components can be placed inside a grid layout, header styles are not supported within a grid layout.
  • Header styles cannot be combined with other styles, e.g. an underlined header is not supported.
  • Header styles cannot be applied to items within a bulleted list or numbered list.
  • For nested rich text, if two conflicting styles are found (e.g. both SMALL and LARGE), the innermost style will be displayed.

Example

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
=a!richTextDisplayField(
  labelPosition: "COLLAPSED",
  value: {
    a!richTextItem_18r1(
      text: "Large Header",
      style: "HEADER_LARGE"
    ),
    a!richTextItem_18r1(
      text: "Medium Header",
      style: "HEADER_MEDIUM"
    ),
    a!richTextItem_18r1(
      text: "Small Header",
      style: "HEADER_SMALL"
    ),
    a!richTextItem_18r1(
      text: "Normal ",
      style: "NORMAL"
    ),
    a!richTextItem_18r1(
      text: "Emphasis ",
      style: "EMPHASIS"
    ),
    a!richTextItem_18r1(
      text: "Strong ",
      style: "STRONG"
    ),
    a!richTextItem_18r1(
      text: "Underline",
      style: "UNDERLINE"
    ),
    a!richTextItem_18r1(
      text: " Positive ",
      style: "POSITIVE"
    ),
    a!richTextItem_18r1(
      text: "Negative ",
      style: "NEGATIVE"
    ),
    a!richTextItem_18r1(
      text: " Accent ",
      style: "ACCENT"
    ),
    a!richTextItem_18r1(
      text: " Secondary ",
      style: "SECONDARY"
    ),
    a!richTextItem_18r1(
      text: "Large ",
      style: "LARGE"
    ),
    a!richTextItem_18r1(
      text: "Medium ",
      style: "MEDIUM"
    ),
    a!richTextItem_18r1(
      text: " Small ",
      style: "SMALL"
    )
  }
)

Displays the following:

Open in Github Built: Thu, Feb 23, 2023 (02:59:22 PM)

On This Page

FEEDBACK