"Variable / Field Name","Form Name","Section Header","Field Type","Field Label","Choices, Calculations, OR Slider Labels","Field Note","Text Validation Type OR Show Slider Number","Text Validation Min","Text Validation Max",Identifier?,"Branching Logic (Show field only if...)","Required Field?","Custom Alignment","Question Number (surveys only)","Matrix Group Name","Matrix Ranking?","Field Annotation" record_id,html_use_in_redcap_forms,,text,"Record ID",,,integer,,,,,,,,,, instrctns,html_use_in_redcap_forms,,descriptive,"To use this survey tool:
  1. Look at each sample text or format
  2. Review the html code which generated the sample, in the field below it.
  3. Make changes to the code and view results of changes to understand how it works
  4. Refresh the page if you want to start again at any point with the original formatting and code
REMEMBER: When you are ready - copy the code and paste into your own REDCap fields! ",,,,,,,,,,,,, space_top_menu,html_use_in_redcap_forms,"
Use this menu of links to jump to a specific section
Text Formats; bold, unbold, italics, underline, center Font Size Font Colour Formatting Options Headings and Banners Lists Subscript and Superscript Links; web, email, hover Indenting Boxes with borders and colours Progress Bars Project Data Dictionary
",descriptive,,,,,,,,,,,,,, stnd_frmts,html_use_in_redcap_forms,"

Text Formatting

Standard Text ",descriptive,"Text type formats: Bold text Unbold your text 2nd way to Unbold your text Italics text Underlined text
Centered Text
",,,,,,,,,,,,, stnd_frmts_syn,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,"
Click expand above to see all code
",,,,,,,,,,," @DEFAULT=' Bold text Unbold your text Italics text Underlined text
Centered Text
'" stnd_frmts_syn_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the syntax in the box above: [stnd_frmts_syn]",,,,,,,,,,,,, fnt_size,html_use_in_redcap_forms,"Font Size
Go to top
",descriptive,"Font sizes - substitute in any # number for the size Font Size 1 Font Size 2 Font Size 3 Font Size 4",,,,,,,,,,,,, fnt_size_syn,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,,,,,,,,,,,," @DEFAULT=' Font Size 1 Font Size 2 Font Size 3 Font Size 4'" fnt_size_syn_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the syntax in the box above: [fnt_size_syn] ",,,,,,,,,,,,, fnt_colours,html_use_in_redcap_forms,"Font Colours
Go to top
",descriptive,"Font color examples Font Color Blue Font Color Gold Font Color Purple Font Color Red Font Color Gray Font Color Green Font Color Navy Font Color Orange",,,,,,,,,,,,, fnt_colours_syn,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,"
Click expand above to see all code
",,,,,,,,,,," @DEFAULT=' Font Color Red Font Color Blue Font Color Gold Font Color Purple Font Color Gray Font Color Green Font Color Navy Font Color Orange'" fnt_colours_syn_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the syntax in the box above: Substitute in a colour name and see if it works. Instead of colour names you can also use the HEX codes. Click here for a list of colour names and codes [fnt_colours_syn] ",,,,,,,,,,,,, fnt_clr_combo,html_use_in_redcap_forms,Combinations,descriptive,"You may wish to combine different sizes and colours of text. Instead of colour names you can also use the HEX codes. Click here for a list of colour names and codes Font size 3 and green colour Font colour blue and size 4 ",,,,,,,,,,,,, fnt_clr_combo_syn,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,,,,,,,,,,,," @DEFAULT=' Font size 3 and green colour Font colour blue and size 4 '" fnt_clr_combo_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the syntax in the box above: [fnt_clr_combo_syn] ",,,,,,,,,,,,, stnd_fmts2,html_use_in_redcap_forms,"

Formatting Options and Examples

Go to top
",radio,"Additional Formats Remember you can use different formatting in the response text too ","1, 1. Bold Extremely satisfied | 2, 2. Italics Somewhat satisfied | 3, 3. Underlined Somewhat unsatisfied | 4, 4. Color Extremely unsatisfied | 5, 5. SIze N/A",,,,,,,,,,,, stnd_fmts2_synt,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,"
Click expand above to see all code
",,,,,,,,,,," @DEFAULT='1, 1. Bold Extremely satisfied 2, 2. Somewhat satisfied 3, 3. Somewhat unsatisfied 4, 4. Extremely unsatisfied 5, 5. N/A'" stnd_fmts2_synt_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the syntax in the box above: [stnd_fmts2_synt]",,,,,,,,,,,,," @DEFAULT='1, 1. Bold Extremely satisfied 2, 2. Somewhat satisfied 3, 3. Somewhat unsatisfied 4, 4. Extremely unsatisfied 5, 5. N/A'" heading_sizes,html_use_in_redcap_forms,"

Headings and Banners

Use different heading sizes and descriptive fields with formatting to create sections and visually organise your forms and surveys,
Go to top
",descriptive,"Headings Sizes

Heading 1

Heading 2

Heading 3

Heading 4

",,,,,,,,,,,,, hd_size_syn,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,,,,,,,,,,,," @DEFAULT='

Heading 1

Heading 2

Heading 3

Heading 4

'" hd_size_syn_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the syntax in the box above: [hd_size_syn] ",,,,,,,,,,,,, div_style_pvr,html_use_in_redcap_forms,"Heading sample 1 - Colour, larger text and some padding from the edges.",descriptive,"
Sample Header Text 2
",,,,,,,,,,,,, div_style_pvr_syn,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. Eg replace palevioletred with the word orange to see the banner turn orange or change the number of points from 10 to 80 to see the changes.",,,,,,,,,,,,," @DEFAULT='
Sample Header Text 2
'" div_style_pvr_syn_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the code in the box above: [div_style_pvr_syn]",,,,,,,,,,,,, div_style_prp,html_use_in_redcap_forms,"Heading sample 2 - Colour, larger text and some padding from the edges.",descriptive,"
Sample Header Text 1
",,,,,,,,,,,,, div_style_prp_syn,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,"
Click expand above to see all code
",,,,,,,,,,," @DEFAULT='
Sample Header Text 1
'" div_style_prp_syn_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the code in the box above: [div_style_prp_syn] ",,,,,,,,,,,,, bllt_lst,html_use_in_redcap_forms,"

Lists

Go to top
",descriptive," Sample of a bullet list Item List:",,,,,,,,,,,,, bllt_lst_syn,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,,,,,,,,,,,," @DEFAULT='Item List:'" bllt_lst_syn_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the code in the box above: [bllt_lst_syn]",,,,,,,,,,,,, spce3,html_use_in_redcap_forms,,descriptive,,,,,,,,,,,,,, nmb_list,html_use_in_redcap_forms,,descriptive,"Sample of a numbered list Item List:
  1. Coffee
  2. Tea
  3. Milk
",,,,,,,,,,,,, nmb_syn,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,,,,,,,,,,,," @DEFAULT='Item List:
  1. Coffee
  2. Tea
  3. Milk
'" nmb_syn_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the code in the box above: [nmb_syn]",,,,,,,,,,,,, space3,html_use_in_redcap_forms,,descriptive,,,,,,,,,,,,,, nmb_list_strt,html_use_in_redcap_forms,,descriptive,"Sample of a numbered lists from a particular number start point Item list:
  1. Coffee
  2. Tea
  3. Milk
",,,,,,,,,,,,, nmb_list_strt_syn,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,,,,,,,,,,,," @DEFAULT='Item list:
  1. Coffee
  2. Tea
  3. Milk
'" nmb_list_strt_syn_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the code in the box above: [nmb_list_strt_syn]",,,,,,,,,,,,, superscript,html_use_in_redcap_forms,"

Subscript and Superscript

Go to top
",descriptive,"

This is superscripted text.

",,,,,,,,,,,,, superscript_syn,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,,,,,,,,,,,," @DEFAULT='This is superscripted text.'" superscript_syn_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the code in the box above: [superscript_syn]",,,,,,,,,,,,, space4,html_use_in_redcap_forms,,descriptive,,,,,,,,,,,,,, subscript,html_use_in_redcap_forms,,descriptive,"

This is subscripted text. ",,,,,,,,,,,,, subscript_syn,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,,,,,,,,,,,," @DEFAULT='This is subscripted text.'" subscript_syn_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the code in the box above: [subscript_syn]",,,,,,,,,,,,, email1,html_use_in_redcap_forms,"

Types of Links

Email Link
Go to top
",descriptive,"

This is an email link: Send Mail

This type of link will only work if you have a default email software installed. Spaces between words should be replaced by %20 to ensure that the browser will display the text properly",,,,,,,,,,,,, email1_syn,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,,,,,,,,,,,," @DEFAULT='Send Mail'" email1_synt_pipe,html_use_in_redcap_forms,,descriptive,"Result of code for above: [email1_syn]",,,,,,,,,,,,, weblink,html_use_in_redcap_forms,"Web links
""Go to top
",descriptive,"This is a link to another web page: Link opens in the same page This is a link to another web page: Link opens into a new tab ",,,,,,,,,,,,, weblink_synt,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below. ",,"
Click expand above to see all code
",,,,,,,,,,," @DEFAULT='This is a link to another web page: Link opens in the same page This is a link to another web page: Link opens into a new tab'" weblink_synt_pipe,html_use_in_redcap_forms,,descriptive,"Result of code for above: [weblink_synt] ",,,,,,,,,,,,, abbr_smpl,html_use_in_redcap_forms,"Hover link
Go to top
",descriptive,"This allows hover over text for additional explanations This tag allows you to provide text with dashes indicating you should hover for additional explanations",,,,,,,,,,,,, abbr_smpl_syntx,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,,,,,,,,,,,," @DEFAULT='This tag allows you to provide text with dashes indicating you should hover for additional explanations'" abbr_title_synx_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the code in the box above: [abbr_smpl_syntx]",,,,,,,,,,,,," @DEFAULT='This tag allows you to provide text with dashes indicating you should hover for additional explanations'" spacing,html_use_in_redcap_forms,"

Organising your text on the page

 Indenting
Go to top
",descriptive,"Here is how we may indent text: Topics will include: Creating Surveys Enabling Surveys for your project Anonymous vs. Non-anonymous Surveys Survey Responses Survey Settings Notifications So many OPTIONS!",,,,,,,,,,,,, spacing_synt,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and change options to see possible results below. *You need to click outside of the box to see the updated changes below.",,"
Click expand above to see all code
",,,,,,,,,,," @DEFAULT='Topics will include: Creating Surveys Enabling Surveys for your project Anonymous vs. Non-anonymous Surveys Survey Responses Survey Settings Notifications So many OPTIONS!'" spacing_synt_pipe,html_use_in_redcap_forms,,descriptive,"Result of code for above. Try changing 3 to 15 and see result below. [spacing_synt]",,,,,,,,,,,,, redwarn,html_use_in_redcap_forms,"

Coloured boxes examples

Use coloured boxes for warnings or emphasis
Go to top
",descriptive,"Example of a warning box with centered text.

Some questions have been skipped!

Click the ""PREVIOUS"" button to review questions you missed.
",,,,,,,,,,,,, redwarn_synt,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and try changing the colour from red to green blue or yellow or orange to see possible results below. *You need to click outside of the box to see the updated changes below.",,"
Click expand above to see all code
",,,,,,,,,,," @DEFAULT='

Some questions have been skipped!

Click the ""PREVIOUS"" button to review questions you missed.
'" redwarn_synt_pipe,html_use_in_redcap_forms,,descriptive,"Result of code for above: [redwarn_synt]",,,,,,,,,,,,, warn_explain,html_use_in_redcap_forms,,descriptive,"
TIP!!:Sometimes you can use a variable with this type of box above and add branching logic to it. The logic shows the box only if certain conditions are met eg some fields are missing. For example: adding [var1] = '' or [var2] = '' or [var3] = '' or [var4] = '' to the branching will only display the variable with the red warning box if one of the variables is empty/missing.
",,,,,,,,,,,,, bluebord,html_use_in_redcap_forms,"Here is one for adding a box and borders around some text and making some larger text for a title
Go to top
",descriptive,"
A nice bordered box with larger text
",,,,,,,,,,,,, bluebord_synt,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and try changing the colours from aliceblue to green or sizes of the border from 9px to 50px or size of font form 150% to 50% or 200% view the result. to see possible results below. *You need to click outside of the box to see the updated changes below.",,"
Click expand above to see all code
",,,,,,,,,,," @DEFAULT='
A nice bordered box with larger text
'" bluebord_synt_pipe,html_use_in_redcap_forms,,descriptive,"This is the result of code from above. [bluebord_synt]",,,,,,,,,,,,, linebox,html_use_in_redcap_forms,"Here is one with a box within a box. The text has various formatting.
Go to top
",descriptive,"

I am going to ask you a few question to determine your eligibility for the study Interviewer:""Ask all questions without stopping until you reach ""Determine Eligibility before continuing""

",,,,,,,,,,,,, linebox_synt,html_use_in_redcap_forms,,notes,"Code for above formatting Type in the box and try changing the colours from aliceblue to green or sizes of the border from 9px to 50px or size of font form 150% to 50% or 200% view the result. to see possible results below. *You need to click outside of the box to see the updated changes below.",,"
Click expand above to see all code
",,,,,,,,,,," @DEFAULT='

I am going to ask you a few question to determine your eligibility for the study Interviewer:""Ask all questions without stopping until you reach ""Determine Eligibility before continuing""

'" linebox_synt_pipe,html_use_in_redcap_forms,,descriptive,"This is the result of code from above. [linebox_synt]",,,,,,,,,,,,, progress_bar_instr,html_use_in_redcap_forms,"

Progress Bars

Go to top
",descriptive,"You can use these descriptive fields and HTML to display progress bars at the top of your survey forms. ",,,,,,,,,,,,, progress_bar12,html_use_in_redcap_forms,,descriptive,"
12% Complete
",,,,,,,,,,,,, progress_bar18,html_use_in_redcap_forms,,descriptive,"
18% Complete
",,,,,,,,,,,,, progress_bar40,html_use_in_redcap_forms,,descriptive,"
32% Complete
",,,,,,,,,,,,, progress_bar80,html_use_in_redcap_forms,,descriptive,"
80% Complete
",,,,,,,,,,,,, progress_bar_synt,html_use_in_redcap_forms,,notes,"Example code for above formatting for the 80% complete bar above Type in the box and change % options to see the different size bars possible - results below. *You need to click outside of the box to see the updated changes below.",,"
Click expand above to see all code
",,,,,,,,,,," @DEFAULT='
80% Complete
'" progress_bar_synt_pipe,html_use_in_redcap_forms,,descriptive,"This is the result if you change the syntax in the box above: [progress_bar_synt]",,,,,,,,,,,,, datadict,html_use_in_redcap_forms,"

Project Data Dictionary

Go to top
",descriptive,"Data Dictionary of this survey. You may download the data dictionary of this survey if this may be useful to you. **Note it is the data dictionary of this survey BEFORE you made any changes in the code",,,,,,,,,,,,,