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:
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.
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
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]
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]
[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]
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:
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!