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 to display to the flow user. If you include a uniform resource identifier (URI), use one of these supported URI prefixes:
|
Format Text 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 if you want 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 (Beta) | Upload Image: Upload an image from your computer to Salesforce Files. Images uploaded to Salesforce Files don't always render correctly on Experience Cloud sites. Add Image from Static Resources: Add an image that’s been uploaded to Static Resources. Additionally, add alternate text for the static resource image if the image is informative. Static resource images render correctly on Experience Cloud sites. |
| 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 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 accurately interpret the content structure. 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 all formatting that’s been applied to 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.
- Images added to a Display Text component sometimes don't render properly when used on an Experience Cloud site or when the flow is deployed in another org. Instead, use a Display Image component for the image. To learn more about display image components, see Display Image Screen Input Component
