Text

A text widget allows you to display plain text or arbitrary HTML within a QuickApp.

To display the value of a dynamic variable within a text widget, use the syntax: "{@[VAR_NAME]}, where [VAR_NAME] is the name of the dynamic variable. For instance, if you have a dynamic variable named selected_store, you could display the value of that variable by specifying {@selected_store} within the text in the Content field.

Type
Plain text
Display the text in the Content field as plain text.

The text will be formatted according to the Text style and Text color specified.

HTML
Display the text in the Content field with formatting based on the HTML elements within the text.
Text style
The appearance of the text in the input field.
Note: This only applies when the Type is Plain text.

When this field gets focus, a dialog is presented that allows the user to select the family, style, size, and other characteristics of the text such as letter spacing and underlining.

Text color
The color of the text in the text widget.
Note: This only applies when the Type is Plain text.
The color can be selected using the color picker or can be specified as:
  • Any valid HTML color name (e.g., red, blue, cyan)
  • An RGB value (e.g., rgb(238,147,12))
  • A hex value (e.g., #d12345)
Content
The text to display in the text widget.

If the text contains HTML tags, the Type should be set to HTML.

Example

<note type="base">Applied to table: pub.demo.retail.item</note>
<dynamic>
  <widget class_="text" color_="#548dd4" name="hmadded__1" relpos_="114,135" 
style_="font-weight:bold;letter-spacing:0;" 
text_="This is an example of plain text that is blue and has a bold text style."/>
</dynamic>

Example

<note type="base">Applied to table: pub.demo.retail.item</note>
<dynamic>
  <widget class_="text" name="hmadded__2" relpos_="118,94" 
text_="<h1>An example of HTML-formatted text</h1><p>This is the first paragraph.</p>
<p>This second paragraph has the function <code>g_sum(G;S;X)</code> in monospaced font and 
<i>italicized</i> text for emphasis.</p>
<p>This third paragraph has an unordered list in it:<ul><li>First item</li><li>Second item</li>
<li>Third item</li></ul></p>" type_="html"/>
</dynamic>