You are here:
Display Text Screen Output Component
Display information in a flow screen.
Required Editions
Configure the Display Text Component
| Attribute | Description |
|---|---|
| API Name | The API name of the component. An API name can include underscores and alphanumeric characters without spaces. It must begin with a letter and can’t end with an underscore. It also can’t have two consecutive underscores. |
| Text box | The text shown to the flow user. If you include a uniform resource identifier (URI), use one of these supported URI prefixes:
|
Format Text by Using the Rich Text Editor
Use the options in the rich text editor to format your text. Change the font family, size, and color. Make text bold, italic, or underlined. Indent and align your text for better structure. Use paragraph styles to make the text accessible to screen readers. Add images to enhance your content. Add alternate text to informational images. Finally, clear all formatting to start over.
| Option | Use It To |
|---|---|
| Font Control | |
| Font Family | Apply specific fonts to the selected text |
| Font Size | Change the text size |
| Font Color | Change the text color |
| Text Styling | |
| Bold | Make the text bold |
| Italic | Make the text italic |
| Underline | Add underlines to the selected text |
| List formatting | |
| Bulleted List | Create unordered lists if the sequence of the items in the list isn't important |
| Numbered List | Create numbered lists if the sequence of items in the list is important |
| Text Alignment | |
| Indent | Move the text further to the right |
| Outdent | Move the text closer to the left margin |
| Left Align Text | Left-align the text |
| Center Align Text | Center-align the text |
| Right Align Text | Right-align the text |
| Link | Add a hyperlink at the cursor position or add the hyperlink to the selected text |
| Image |
|
| Alt Text | Add alternative text for informational images. To add alt text for informational images, select a single image from the screen properties editor of the Display Text Component component and enter alternate text. Skip the alternative text if the image is decorative. |
| Paragraph style | Use header styles Header 1 through Header 6 for headings. Use the Normal style for body text. Paragraph styles apply semantic HTML to text that screen readers can use to interpret the content structure accurately. To apply a paragraph style to a word or phrase, place your cursor on the word or select the phrase, and then select a style. |
| Remove formatting | Remove formatting from the selected text. |
Set the Component Visibility
Specify the logic that determines when the flow displays the component.
| Option | Description |
|---|---|
| When to Display Component | Configure when the component is displayed by using conditional logic. You can set the components to:
|
Considerations
- If you include a reference to another screen component within the text box of the Display Text component, the text is subject to the same character limit as reactive formulas, 3,900 characters. Formatting such as applying bold adds characters that count toward the limit. If the text exceeds the character limit, the Display Text component isn't reactive.
- Static resource image names must be 80 characters or fewer, including the namespace prefix.
- Static resource images uploaded from the Display Text component can be up to 2.5 MB.
- To search static resource images from the Display Text component, you need the View Setup and Configuration user permission. To upload static resource images from the Display Text component, you need the Customize Application user permission.
