Child pages
  • Simple Text Formatting in REDCap
Skip to end of metadata
Go to start of metadata

A researcher might want to do some formatting in their research projects. Many do not know this, but there are several different simple formats that you can use in REDCap. 

HTML formatting can be shown and added onto forms or surveys in REDCap. Any of these could be copied and pasted very easily to be able to use in your REDCap project. 

HTML tags are enclosed with less than or greater than <brackets>. When you start a tag you have to close the tag with a backslash. Insert these HTML tags when you are editing a survey or form. 

Examples are shown below:


Styles of Fonts

You can style your fonts in three basic ways:

Bold face font, Italics font, and bold&italics font together. 

Bold Face

To make a format bold you will have to use this HTML code:

The HTML Code Bold
<strong>This text is bold.</strong>

 

When you use the HTML code, <strong>Insert text here.</strong> , this will be produced. 

Browser Results Bold

Italics Font 

To make a format italics you will use this HTML code:

HTML Code Italics
<em>Do this and your text will be in italics style.</em>

 

When you use the HTML Code, <em>Insert text here.</em>, this will be produced.

Browser Results Italics

 

Bold and Italics 

To make a format italics and bold, you will use the HTML code:

HTML Code Bold and Italic
<strong><em>To get your text italics and bold, do this.</em></strong>

 

When you use the HTML Code, <strong><em>Insert text here.</em></strong>, this will be produced. 

Browser Results Italics&Bold

Font Colors and Sizes 

Another couple of different simple formatting options you can do in REDCap surveys or forms is having different font colors and font sizes.

Getting the font color and font size is simple.

All you have to do is use/copy these HTML Codes: 

Font Colors 

To make a words in REDCap have font colors, use this HTML code:

HTML Code Font Color
<font color="red">This color will be red.</font>
<font color="purple">This color will be purple.</font>
<font color="green">This color will be green.</font>
<font color="blue">This color will be blue.</font>

 

When you use the HTML code <font color="any color">Insert text here.</font>, you can get any color you want with the font. 

Browser Results Font Color

 

Font Sizes

For different font sizes, use this HTML code: 

HTML Code Font Sizes
<div style="font-size: 10pt">This is how you change the size of the font.</div>
<div style="font-size: 14pt">This is how you change the size of the font.</div>
<div style="font-size: 20pt">This is how you change the size of the font.</div>
<div style="font-size: 22pt">This is how you change the size of the font.</div> 

 

When you use the HTML code <font size="any number">Insert text here.</font>, you can get any 

Browser Results Font Sizes

 

Additional Tags

There are also additional tags that are currently supported when making REDCap forms and surveys. 

These following tags may be used to define paragraphs, anchors (web links), and line breaks: 

Line Break 

<br>

Paragraphs 

<p>.......</p>

Anchors (web links) 

<a>.......</a>

Indent

&nbsp;