Download Basic HTML & CSS Formatting in REDCap and more Exams Web Programming and Technologies in PDF only on Docsity!
Basic HTML & CSS Formatting in REDCap
Styles of Fonts with HTML
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
This text is bold.
When you use the HTML code, Insert text here. , this will be produced.
Browser Results Bold
Italics Font
To make a format italics you will use this HTML code:
HTML Code Italics
Do this and your text will be in italics style.
When you use the HTML Code, Insert text here., 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
To get your text italics and bold, do this.
When you use the HTML Code, Insert text here., this will be produced.
Browser Results Italics&Bold
Font Colors and Sizes with HTML
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
This color will be red. This color will be purple. This color will be green. This color will be blue.
When you use the HTML code Insert text here., 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
This is how you change the size of the font. This is how you change the size of the font. This is how you change the size of the font. This is how you change the size of the font.
When you use the HTML code Insert text here., you can get any
Browser Results Font Sizes
The code looks like:
OCT Tumor
You can use standard colors ("red", "yellow", "green", "blue", etc.), or hexadecimal color codes ( link to more html colors)
Smaller italic text for additional data in a question with CSS
Here is a common one for adding some meta-data to a question.
The code looks like:
Were antiplatelet drugs begun on any day prior to the procedure date listed above? (your text here)
Text in a box and colored, centered, larger text using H3 with CSS
The code looks like: (with some extra carriage returns so it doesn't scroll so far to the right)
I am going to ask you a few questions to determine whether you are eligible to be in the study.
[Interviewer: Ask all questions without stopping until you reach "Determine Eligibility before continuing!"]
Identifying Information
- Name:
Highlighting
The code looks like:
Demographics Information
Confidential
The code looks like:
