Versions Compared

Key

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

The Rich Text Editor available in the Field Label and other locations in REDCap provides point and click menu functionality to change the formatting of fields and surveys.  The variety of fonts, sizes, colors and other functionality, however, are limited.

REDCap allows the use of some HTML and CSS in the Field Labels, Field Notes, Multiple Choice coding, and other locations.  HTML and CSS allows access to a wide variety of functionality to change the look and feel of surveys.  For example, here is a full list of named colors you can access!

Some basic information about HTML:

...

Example < center > centering text < /center >. *Do not leave spaces in tags when using the actual tag - see below for examples.

The REDCap rich text editor allows you to change

Check out this example survey for formatting ideas: https://redcap.vanderbilt.edu/surveys/?s=JA3AXMHYC7

W3 Schools also has great resources for HTML and CSS

...

Panel
borderColorgrey
bgColorazul
titleColorblack
titleBGColorlemonchiffon
borderStylesolid
titleBrowser Results Font Sizes




Html bobswift
<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> 
 





Code Block
<font size=1> Font Size 1</font>

<font size=2> Font Size 2</font>

<font size=3> Font Size 3</font>

<font size=4> Font Size 4</font>



Panel
borderColorgrey
bgColorazul
titleColorblack
titleBGColorlemonchiffon
borderStylesolid
titleBrowser Results Font Sizes


Html bobswift
outputhtml
allowScriptAccessfalse
allowSameOriginfalse
<font size=1> Font Size 1</font>

<font size=2> Font Size 2</font>

<font size=3> Font Size 3</font>

<font size=4> Font Size 4</font>



Background Class Colors with CSS

...