Documentation

Assessments Navigation Bar

Description

The Assessments Navigation Bar module allows users to add a navigation bar to a presentation. This addon navigates to sections specified in the "Sections" property. Every section has a defined number of pages which are randomly assigned to a button. The random sequence is chosen only once when the presentation is started. Then the random sequence of pages is remembered and restored every time a page is selected. For the proper working of the addon, it should be placed in the header or footer.

Properties

Property name Description
Sections Allows user to specify the sections to be shown by the module. Every section is new line separated and looks as follows:

"sectionStart-SectionEnd; SectionName; page1Name, page2Name, page3Name"

for e.g "1-5;; 1, 1, 1, 1, 1" will create one section of 5 pages with no section name; every button of the section will have description 1.


Section start and section end may also be comma separated indexes. Only section start and end are required, section name and page descriptions are optional. Remember to put only valid section start and section end to the section property. Providing numbers larger than the number of presentation pages may cause improper working of the addon. By default,, the section descriptions are page numbers provided in section start and section end.
Number of buttons Allows user to specify the number of buttons to be shown by Assessments Navigation Bar.
Width of buttons Allows user to set the width of buttons in Assessments Navigation Bar.

Supported commands

Command name Params Description
bookmarkCurrentPage --- Bookmarks a current page. Adds the "bookmark" class to a button.
removeBookmark --- Removes bookmark from a current page.
moveToPage page index (1-based) Moves to the page specified by index. Buttons are calculated from the left. For moveToPage with index 2, it will move to the page specified by the second button..
moveToPreviousPage --- Moves to the previous page.
moveToNextPage --- Moves to the next page.

CSS classes

Class name Description
.assessments-navigation-bar-wrapper Wrapper container for the module.
.assessments-navigation-bar-wrapper .navigation-buttons-first Container for the navigation button 'previous' and the rewind button 'left'.
.assessments-navigation-bar-wrapper .previous Class for the navigation button 'previous'.
.assessments-navigation-bar-wrapper .turn_back Class for the rewind button 'back'. (hellip description)
.assessments-navigation-bar-wrapper .sections Container for all visible sections
.assessments-navigation-bar-wrapper .section Class for all section containers.
.assessments-navigation-bar-wrapper .section_(index 0-based) Class for the section container. Index is 0-based, for example ".section_0" will be added to the first section from the Section property
.assessments-navigation-bar-wrapper .section_name Class for the section_name container
.assessments-navigation-bar-wrapper .buttons Class for the buttons container in a section.
.assessments-navigation-bar-wrapper .button Class for the button with a page description in a section.
.assessments-navigation-bar-wrapper .current_page Class for the button with a currently shown page.
.assessments-navigation-bar-wrapper .bookmark Class for a bookmarked button
.assessments-navigation-bar-wrapper .navigation-buttons-last Container for the navigation button 'next' and the rewind button 'forward'.
.assessments-navigation-bar-wrapper .next Class for the navigation button 'next'.
.assessments-navigation-bar-wrapper .turn_forward Class for the rewind button 'next' (hellip description).
.assessments-navigation-bar-wrapper .element Class for clickable elements in the module - buttons in sections, navigation buttons
.assessments-navigation-bar-wrapper .mouse-over Class for the button with mouse on hover.

Demo presentation

Demo presentation showing how to use Assessments Navigation Bar Addon.