Navigation
Navigation cards#
Navigation cards can be added to a page by adding Content Folder items. Consecutive content folders are considered a navigation group and will be grouped together on the page.
These cards can be useful for a table of contents style page or to divide a module up into further concepts.
The title of the content folder will become the title of the card and description text becomes a summary.
Example
This example shows navigation cards being used as a contents page. Note, the introduction item has a no heading modifier, but it still makes sense if read without the content styler.
A View button is included that links to the contents within that folder.
Warning
The View button will not be added if there are no items inside the content folder to navigate to.
Danger
Some navigation settings will not be immediately visible. An update can be forced by using the Update cache option in the Tools menu.
Card banner#
An image can be added to the top of a card by inserting an image into the text area of the item. The image will be automatically inserted as a banner for the card. A caption can also be added to the image by adding a paragraph on its own with the word "Caption:" before the text to be used as a caption.
Example
An example of a navigation card with an image and a caption.
The image should be optimised according to the specifications for a card banner image.
The width and height values shown in the example are not important as the image will be automatically resized to fit the card width, and it will be cropped top and bottom to 128 pixels in height. The image should be optimised according to the specifications for a card banner image.
Note
The card banner images are usually decorative and do not need an ALT message for accessibility. Leaving the ALT field empty will tell most electronic readers to ignore the image.
Warning
When inserting an image to be used as the card banner, it is important to place the image on a new line.
Navigation arrows#
Navigation arrows are automatically added to the bottom page based on information gathered from content folder groups. These arrows will allow the student to jump between sections/concepts/pages sequentially without having to return to the contents page.
Example
An exmple of navigation arrows allows the user to navigate the the previous or next module, or up to the contents page.
Multiple contents style pages are allowed, but it is important to remember that the navigation added to the bottom of the page is constrained to consecutive cards.
Danger
At this time the navigation arrows do not ignore empty content folders. In this situation users will be dropped into an unstyled page and will need to use the breadcrumbs or back button to return to the styled content.
Consecutive cards#
Consecutive content folders are converted to navigation cards and grouped together to define navigation groups for content pages. Any other type of item between content folder items will break the sequence and create multiple navigation groups.
Example
A contents page with consecutive content folders “Module 1” to “Module 6” would create arrows allowing navigation from Module 1 through Module 6.
A sub-contents page of concepts would have it’s own navigation group (C1–C3).
A contents page with consecutive content folders “Module 1” to “Module 3”, a description item, and then consecutive content folders “Module 4” to “Module 6” would only create arrows allowing navigation between Modules 1 through 3 and another set of arrows to navigate between Modules 4 through 6. You would not be able to navigate between Module 3 and Module 4 without returning up to this top contents page.
A sub-contents page of concepts would have it’s own navigation group (C1–C3).
