Dividers are similar to sections in that they represent a type of heading. Dividers are a simpler form of heading than sections though.
While sections create ‘Next Up’ buttons and banded backgrounds, dividers are simple sub-headings with no interaction.
Expand the following sections to learn more.
Steps to add a divider to a course
Steps to add a divider to a course
Creators can start by adding a divider to any point of their topic or article, just like any other element.
The divider element includes a number of components:
Layout. There are five different layouts to choose from. Each layout will change the appearance of the divider. We’ll discuss more on this below.
Label (optional). The label section allows you to add in a number, letter or word (up to 30 characters). You could have a short title or icon to appear as part of the divider.
Set colours (optional). Here, you can choose both the divider’s background and text colour. Note that the divider background will default to your portal’s branding colour if no colour is selected.
Video demonstration
Video demonstration
The video below provides a brief overview of the Divider element, as well as some examples of it in action. Please note, certain aspects of the UI may have changed since the video was recorded.
Layout options
Layout options
There are five layouts for the divider element, plus a spacer layout (with no divider line and just empty space). We discuss each of these layouts below:
Single - This layout appears as a single line.
Dashed - This layout appears as a single dashed line.
Dotted - This layout appears as a single dotted line.
Double - This layout appears as a double line.
Thick - This layout appears as a single thick line.
Spacer - This layout does not appear as a divider line, instead it appears as an empty space.
Examples
Examples
Example - Emoticons or symbols
Emoticons or symbols work well with the divider element. You could use a stop sign emoticon to highlight important information...
...or a smiley face emoticon to highlight an interact with top tips.
Example - Single words or short headings
Dividers have a character limit of 30 and work best with single words or very short headings.
Example - No words
Alternatively, you can use dividers with no words, emoticons or symbols.
Tips and suggestions
Tips and suggestions
Dividers can highlight important information, break up content within a section, group content together or add variety and colour to your training.
If using text in your divider, keep it short. Dividers shouldn’t be used to promote content. Furthermore, the character limit is 30.
The spacer layout is a great way to add in blank space as needed throughout your topic or article.
It’s important you still use sections to break up your content and provide headings throughout.
What’s the difference between the divider element and sections?
What’s the difference between the divider element and sections?
Sections provide important breaks in your content and are the headings throughout.
Dividers, on the other hand, are like subheadings that may or may not be used within your sections.
Dividers allow you to group information, highlight key information or break content up within your section. Dividers should not be used as headings.