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.
The video below provides a brief overview of the Divider element, as well as some examples of it in action:
How do creators add a divider?
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. 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.
What layout options do I have?
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 just appears as an empty space.
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 breakup content within your section. Dividers should not be used as headings.
Tips on using dividers:
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.
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.
Examples:
Emoticons 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:
