HomeGuidesRecipesAPI
HomeGuidesAPILog In
Guides
These docs are for v16. Click to read the latest docs for v31.

HTML in Question Text, Help Text, Labels, and Rich Text Fields

Allowed tags

Designers can include their own HTML styles and content within Question Text, Help Text, Labels and Rich Text Fields. However, as custom HTML can be malicious only certain tags and attributes are permitted.

👍

Note:

The following HTML tags are permitted, however some attributes and attribute values of these tags may be blocked.

When adding attributes to tags, you must use double quotes. Single quotes will be blocked.
Eg: <span style="color:red">[q1.1]</span> will be acceptable, however <span style='color:red'>[q1.1]</span> will result in the span tag being stripped.

In formulas you can escape the double quotes with another double quote.
Eg: Concat("<span style=""color:red"">",[q1.1],[q2.2],"</span>")

<a>
<b>
<blockquote>
<br>
<caption>
<cite>
<code>
<dd>
<div>
<dl>
<dt>
<em>
<font>
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<hr>
<img>
<li>
<ol>
<p>
<pre>
<span>
<strike>
<strong>
<sub>
<sup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
<tr>
<u>
<ul>

The following attributes are permitted:

alt
aria- *
bgcolor
border
cellspacing
class
color
data- *
dir
download
face
frame
height
href
lang
nowrap
role
rules
scope
size
src
style
summary
target
title
type
valign
width

👍

All aria- and data- attributes are allowed.

Usage

Most SmartIQ Question types allow the inclusion of custom HTML using the option source code displayed with the following icon: < >

996

For example: Add the following code into a Label Text using the source code option

<h1>Title 1</h1>
<h2>Title 2</h2>
<h3>Title 3</h3>
<h4>Title 4</h4>
<h5>Title 5</h5>
<p>Some text here...</p>
<a href="https://www.smartiq.com/">Hyperlink using custom HTML</a>
1291

This custom HTML will be rendered as follows:

1536

Another useful example is implementing HTML Properties, for example Download:

Download Logo: <a href="https://www.intelledox.com/wp-content/uploads/2017/10/PNG-IntelledoxInfinitiDesign.png" download="Logo"> Click Here</a>
1916