HTML

HTML elements inserts a block of HTML markup in the survey page. Enter any valid HTML in the HTML Markup property. However, note that different browsers have differences in compatibility. Admin Suite supports the default design styles to ensure cross-browser compatibility, but custom CSS or scripts might not produce a desirable result on all browsers on all platforms.

Use HTML content to add valid HTML to your surveys.

For more information, see Survey content.

Tip: Once you add an HTML block to a survey, you can translate its text from the Translations screen. Be mindful when translating these strings, as they contain the raw XML and the translated text must also be valid as XML.

Add images

To add images, use the visual editor in the question text box, as described in Format questions and insert images.

If using the HTML element, enter the <img/> tag to add images within the survey. Enter the image URL directly in the HTML block to specify an image hosted inside or outside Experience Cloud. This code snippet is an example of how to embed an image within an HTML block element:

<img src="https://us.cdn.survey.medallia.com/b6a0c8a98d12019cffaf4e3229081194cbfffb9c" alt="img1" height="233" width="450"/>
<table align="center" width="450px"> 
    <tr>
        <td align="left">
            <img src="https://us.cdn.survey.medallia.com/b6a0c8a98d12019cffaf4e3229081194cbfffb9c" alt="img1" height="233" width="450"/>
        </td>  
    </tr>
</table>
Important: Images in surveys must comply with Experience Cloud accessibility standards. For more information, see Images.

Insert fields

Technically, inserting fields using the HTML element is a raw direct injection of the values in the field. If those values contain special HTML or JavaScript characters, those characters are written to the HTML and interpreted exactly as written, which may potentially cause a security breach by allowing cross-site scripting attacks.

To insert fields, use either [=field:html] or "[=field:json-string]". For example, an input to q_some_field = Hello, "world":

<script>
// Always use a double quote character (") before and after the injection.
var tmp = "[=q_some_field:json-string]";
</script>

This interpolates:

<script>
// Note the double quote inside the variable.
var tmp = "Hello, \"world\"";
</script>