HTML Styling Options

*Note* Remember to take a copy of the original form code, and to send the latest version to Ctrl Hub.

To make a word or sentence or paragraph bold we would use the below:

"html": "This is some Text"

To add bullet points you would use the below:

"html": "<li>This is some Text"</li>

To spread some text to a list you would add to the beginning of each line.

To do a mixture of bold, bullet point and list, would look like this:

"html": "1. Establish the facts of the incident, including: <li>What happened? <li>When and where did it happen? <li>What task was being done? <li>Who was involved? <li>Were there any witnesses?"

And would show as

1. Establish the facts of the incident, including:

What happened?
When and where did it happen?
What task was being done?
Who was involved?
Were there any witnesses?

To have some text to show in italics:

"html": "This is some Text"

If you want to underline some text:

"html": "This is some Text"

HTML Colours

To change the font of a word or sentence into colour you can use the following:

Some Text - Blue

Some Text - Green

Some Text - Red

In some occasions you may want to use a different colour, and you would use a hex code instead of a word:

Note 1 - Amber

You can find hex codes here https://htmlcolorcodes.com/colors/ (Some hex codes may not work)

This is how it would look in code:

"section_1_1_html_0": {

"type": "HTML",

"options": {

"html": "This is some Text"

}

Alert Box

To create an alert box on an HTML

The text in an alert - Green

The text in an alert - Yellow

The text in an alert - Red

The text in an alert - Blue

An example how it would appear in code:

"section_1_1_html_0": {

"type": "HTML",

"options": {

"html": "A green alert box"