Special Content Cheat Sheet

Field of grass with a single hand raised

This page has little snippets of code that give you additional ways to format your course material.

Blockquote

Use this button in the text editor. It is used to reinforce key points. It will make your content look like this:

This is text that is enhanced with the blockquote button.

Spoilers

Add text like this into the text editor:

[ch_spoiler title="Examination Order"]
Examination Order – finds out what the financial position of the debtor is.
[/ch_spoiler]

The code will display this:

Examination Order
Examination Order – finds out what the financial position of the debtor is.

Blockquotes and spoilers together can be used for self-directed activities. Ask the learner to consider something using the blockquote, then allow them to see suggested answers using the spoiler. Eg:

Activity

Do some things.

Check your answers here
These are the suggested answers.

Tooltip

Tooltips are sometimes useful for clarifying technical words or words from other languages. They are underlined with a dotted line, and a box appears above the word when the learner moves their mouse over it.

Add text like this into the text editor:

This is a [ch_tooltip content="This is the inside of the tooltip."]sentence[/ch_tooltip] with a tooltip.

It will make your content look like this:

This is a sentence with a tooltip.

Highlight

Add text like this into the text editor:

[ch_highlight]Hand-out : Insolvency Guide and booklet[/ch_highlight]

It will make your content look like this:  Hand-out : Insolvency Guide and booklet 

Use this sparingly.

Quote

Quotes are useful when referencing work from other people. Add text like this into the text editor:

[ch_quote]Text of the quote[/ch_quote]
Text of the quote

This can be extended to include a citation and link:

[ch_quote cite="As defined by the Association of Fundraising Professionals (AFP)"]The reasons why an organisation both needs and merits philanthropic support, usually by outlining the organisation's programs, current needs, and plans.[/ch_quote]
The reasons why an organisation both needs and merits philanthropic support, usually by outlining the organisation’s programs, current needs, and plans.<span class="su-quote-cite">As defined by the Association of Fundraising Professionals (AFP)</span>
[ch_quote cite="Stone soup - a non-profit blog" url="https://ascendnonprofits.wordpress.com"]Your goal in developing a case for support is ultimately to lead a donor toward a decision to give your organisation a gift - so make it inspiring, exciting, meaningful and give it a sense of urgency.[/ch_quote]
Your goal in developing a case for support is ultimately to lead a donor toward a decision to give your organisation a gift – so make it inspiring, exciting, meaningful and give it a sense of urgency.<span class="su-quote-cite"><a href="https://ascendnonprofits.wordpress.com" target="_blank">Stone soup - a non-profit blog</a></span>

Box

Add text like this into the text editor:

[ch_box title="This is a box"]

Box content

[/ch_box]

It will make your content look like this:

This is a box

Box content

Tables

Tables are notoriously tricky on websites. They just don’t look good on small screens. Generally, you should avoid inserting a table if you can. But if you must, you can paste in a table from Word. Just use this responsive table code to make sure it looks alright on small screens.

[ch_table responsive="yes"]
Table
Table
Table
Table
[/ch_table]

It will make your table look like this:

Table Table
Table Table

Looks great!