Quick Links
Connect with Us
Need Help? Have a Question?

Using HTML in REDCap

Using HTML in REDCap

Have you ever wanted to emphasize text in your survey to alert your study staff or highlight an important question? REDCap does not have this customization built into the online designer but you can add HTML to customize your forms and surveys.

What is HTML? HTML stands for “Hyper Text Markup Language” and is a simple programming language for describing web pages in ordinary text. HTML uses “tags” to describe the behavior you would like to show on the page. Tags are like keywords and are sandwiched between less-than and more-than symbols “< >” that tell the browser to display content in a particular way. For example, in “<u>” the u is a tag in html that tells the browser to show the text as underlined. The majority of tags consist of two parts, the opening and closing tags. These tell the browser where to start and stop the customization. A closing tag is indicated by using a forward slash symbol directly after the less-than symbol “</ >”. In the “underline” example, everything between the opening tag and the closing tag will be displayed as underlined.

To use these HTML tags in REDCap you will navigate to the online designer, select the variable you wish to customize, and then input the HTML tag in the field label. Check out the following example for step by step instructions.

Below are some examples and corresponding tags for the most frequently used HTML customizations in REDCap. These examples are also available in our HTML Demo Project.  There are a variety of additional HTML tags that can be used; feel free to be creative! Combining HTML tags will allow you to create multiple customizations within the same section (such as underlining and italicizing the same chunk of text).

Examples

Un-bold font
Unbold
Italicize font
Underline font
Center font
Change the font color

You can use the word for common colors such as “blue”, “green”, “navy”, etc. or the more specific hex color code such as “#B0E0E6”.

Acronym or abbreviation
Inserting URL
Red box with centered text
Insert an image

Review how to add pictures to surveys with a previous Tip of the Month.



Cite ITHSThe Institute is supported by grants UL1 TR002319, KL2 TR002317, and TL1 TR002318 from the NIH National Center for Advancing Translational Sciences through the Clinical and Translational Science Awards Program (CTSA).

Please help us continue to support your research by citing our grant number(s) in publications we supported.