Many times, there is a need to include textual strings and/or guidelines to provide additional instructions and context in the submission form, or other forms that are filled along the workflow.


This is supported by creating of Static Text fields. This is also explained in this tutorial.

The HTML can be inserted in the "Content" box.
Only Sysadmin users will see the "Label" field. This is used by Campaign Managers to identify the specific "Static Text" field.


The fields support basic HTML to allow the content to be better showcased, by adding spaces between lines, using different font sizes, colors, adding links and more.

The below HTML is supported:


  • Adding line breaks: <br>
  • Adding style:
    • <b>bold text</b>
    • <i>italic text</i>
    • <u>text to underline</u>
  • Enlarging font size:
    • <h1>Heading Level 1</h1>
    • <h2>Heading Level 2</h2>
  • Adding links:
    • Link opens in the same tab: <a href="INSERT URL"> Link a URL to text</a> 
    • Link opens in a new tab:  <a href="INSERT URL link" target="_blank"> Link</a>
  • Table <table style> table style </table>
  • Text color

<p style="color: teal;

background-color: #e0f7fa; 

</p>

  • Test Alignment

<p style=

width: 250px; 

height: 100px; 

text-align: center; 

vertical-align: middle;">

</p>




Examples of HTML coding and how it will look


1. line break, italic test, bold text, underline text


<br>

<b>Welcome to the submission form</b>

<br>

Please generate <i>ideas</i> to help advance our workplace <u>productivity</u>.

<br>

<br>


This is how it will appear:




2. Adding URL link that would open in new tab


 <a href="INSERT URL link" target="_blank"> the text to have the link on </a> 

For example: <a href="https://www.qmarkets.net" target="_blank">Link</a>



This is how it will appear. The link will open in a new tab:


3. Font Size - you can choose between <h1>Heading Level 1</h1> and <h2>Heading Level 2</h2>




4. Text's style - colors (fond and background), size, alignment.


<p style="color: teal; width: 250px; height: 100px; background-color: #e0f7fa; text-align: center; vertical-align: middle;">
Styled text block<br>
(color, width, height, background-color, text-align, vertical-align)
</p>


This is how it will appear:


5. Adding a Table with a background color


<table style="width: 100%; background-color: #149DCC;">

    <tr>

        <td style="text-align: left; vertical-align: middle;">

            <p color="#000000"><b>PROJECT INITIATION REQUEST</b></p>

        </td>

    </tr>

</table>


This is how it will appear:






Note:

if you used HTML code in help text of a field, you need to write in the same way as in the translation page (settings > translation > workflow > fields > find the specific help text) and add target="_blank" after the link:



A list of color names - https://htmlcolorcodes.com/color-names/