Can Studios Home

How to use Quick Navigation

Quick Navigation is a component plugin in the Adapt Authoring Tool which allows you to add the main navigation options to any page. As it is a component it can be placed anywhere in the content, but I think it is most likely going to be most common to put it at the end of a page to help the user move on.


The component is highly customisable, allowing you to reorder buttons, rename them, and much more.

To get started simply add the component as you would text, graphic or question.

 

The supported buttons are:

  • Root: Go to the start of the course.
  • Up: Goes to the parent level menu.
  • Previous: Go to the page before*
  • Next: Go to the page after*
  • Siblings: Shows a button for each page in the current menu.

* The behaviour of next and previous is controlled by the 

 Using the Classes option it is possible to customise each button defining colours or styles with standard CSS. For example adding the following to the project css, then applying to each button will give round buttons.
.round{
   border-radius:40px
}
And finally, you can specify the class for the icon too:
.icon-home {
    content: “\e616”;
}