Use Controllable Display Text to Drive Your Flow Screens
This component is similar to the built-in Display Text component, but instead of formatting your text statically using a toolbar, you pass it formatting instructions at runtime. This lets you change the look and feel of a block of display text based on something you’ve just learned upstream in the Flow.
Attributes
Attribute | Type | Notes |
string1 | String | The actual text that will be displayed. Because html formatting will be added dynamically, it’s recommended that you not put any html into this attribute. |
sizetag1 | String | This will generate a wrapping tag for your text, so it should be one of the defined html tags. We’ve tested this with p, h1, h2,h3,h4,h5,h6. Note however that a bug is currently prevent text-alignment from working when an ‘h’ tag is selected, so if you want to use centered text, specify p for this attribute and use the percentage-based fontsizepct1 field to do your sizing. |
bold1 | Boolean | Flow expects and will enforce that this field is passed either {!$GlobalConstant.False} or {!$GlobalConstant.True} |
italics1 | Boolean | Flow expects and will enforce that this field is passed either {!$GlobalConstant.False} or {!$GlobalConstant.True} |
color1 | String | This can accept any official string color, including hex codes. See https://www.w3schools.com/html/html_colors.asp |
url1 | String | If the component doesn’t find “http” at the beginning of the string it will add “https://” automatically. The anchor link is setup to use the browser preference for either opening a new tab or window. |
sdfMMMMMMMMMMMMMMMMMMMMM | MMMMMMMMMMMMM | |
fontfamily1 | String | Values that represent commonly available web fonts like ‘courier’, ‘garamond’, ‘verdana’ and the like will tend to work best. |
fontsizepct1 | String | This inserts a font-size style attribute. See https://www.w3schools.com/html/html_styles.asp for some additional information. Provide a number like 200. This component will add the percentage mark. |
textalign1 | String | Use ‘left’, ‘center’, or ‘right’. Default is ‘left’. |
addbreak1 | Boolean | Adds a <br> to the end of the string. Without this, you can stack multiple instances of this component, and they will show up on the same line. |