Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Formatted text is supported on Web Apps and CommCare for Android. Formatting is done by using special markup symbols in labels in the form builder. Our formatting is based on a text format standard called https://en.wikipedia.org/wiki/Markdown.

Formatting Text in the Form Builder

...

Supported Formatting Options

Entry

Result

Image

*italics*

italics

Image Modified

**bold**

bold

***bold italics***

bold italics

~~strikethrough~~

strikethrough

This is an [example link](http://example.com/).

This is an example link.

Image Removed
Image Added

# Header 1

## Header 2

[...]

###### Header 6 

Header 1

Header 2

...

Header 6
Image Removed
Image Added

1. One

2. Two

3. Three

  1.  One

  2. Two

  3. Three

Image Removed
Image Added

* Unordered

* Unordered

* Unordered

  • Unordered

  • Unordered

  • Unordered

Image Modified

| Column1 | Column2 |
| ----------- | ----------- |
| 100 | 200 |
| 110 | 215 |


OR

| Column1 | Column2 |
|:-----------:|:-----------:|
| 100 | 200 |
| 110 | 215 |


Tables are only available in CommCare 2.50 and above.


Column1Column2
100200
110215
Image Removed


Image Added


Additional Notes

Variations

...

You can make a phone number in display text clickable using the following syntax: "[NUMBER](tel:NUMBER)" (i.e. "[+1-800-888-8888](tel:+1-800-888-8888)")

Other Considerations

  • Formatted label text will only work on CommCare mobile 2.20 or above. Older versions of CommCare will show the text with the markup

  • Old apps will, by default, not use rich formatting until you go in and manually update the label text

  • At the moment we do not support doubly nested lists

  • To turn off Text Formatting for the entire form:

    • Click "Tools" -> "Form Properties"

    • Click the checkbox for "Disable Text Formatting"

  • This feature is not available on hint texts

Case Details

It is also possible to use these text formatting options on the case detail screen. Doing so can add more visual queues for mobile workers when reviewing cases.

...