Formatting

You can use a combination of Markdown and HTML to format the text in a question or choice label. There is quite a bit of duplication between them but you can use whichever approach you are most comfortable with.

Using Markdown

Headers:

# Header H1
## Header H2
### Header H3
#### Header H4
##### Header H5
###### Header H6

Bold:

Surround the text with **
**Text to be marked as bold**

Italics:

Surround the text with *
*Text to be shown in italics*

Escaping Markdown

The problem with using markdown is that if you want to use a # or a * as part of your label then you might find it disappears and the label gets reformatted. To resolve this put a “\” in front of:

#
_
*

HTML

HTML Formatting:

Highlight

command

Description

Example

Heading 1

<h1></h1>

Create a top level heading. The text becomes large and bold.

<h1>Section 1</h1>

Heading 2

<h2></h2>

Create a second level heading. The text becomes large and bold.

<h2>Section 1.1</h2>

Heading 3

<h3></h3>

Create a third level heading. The text becomes large and bold.

<h3>Section 1.1.1</h3>

Heading 4

<h4></h4>

Create a fourth level heading. The text becomes large and bold.

<h4>Section 1.1.1.1</h4>

Heading 5

<h5></h5>

Create a fifth level heading. The text becomes large and bold.

<h5>Section 1.1.1.1.1</h5>

Heading 6

<h6></h6>

Create a sixth level heading. The text becomes large and bold.

<h6>Section 1.1.1.1.1.1</h6>

Color

<font color="red"></font>

The text between the font's will be red.

<font color="red">Here is some red text</font>

Font style

<font face="cursive"></font>

The text between the font's will be in cursive font

<font face="cursive" color="#f58a1f">Text in cursive font with the specified color</font>

New Line

<br/>

Adds a new line to the text. Without the <br/> the following text will appear on the same line even if you press carriage return.

Line 1<br/> Line 2

Link

[a link](http://example.com)

Add a selectable link to a web page. If the phone is connected to a network then the user can use this to look up some help or other reference material.

a link

Center a heading

Add 'style="text-align: center"' to the heading

<h2 style="text-align: center;">Health Section</h2>

Blue Heading 1

<h1><font color="blue">New Section</font></h1>

You can combine style commands as shown here. Note that the <h1> command has to be outside of the <font> command otherwise the color will remain black.

Note

Any HTML entered will be "sanitised" to remove "unsafe" commands

Example

The following example survey combines both markdown and HTML. Formatting labels