Bottom Bar Menu

The Bottom Bar Menu layout is another streamlined course player, used by the Basic course template. This layout lacks a header and keeps other elements, including headers, as unobtrusive as possible - but allows for more customisation than the Minimalist layout.

The Bottom Bar Menu layout has the following features:

Bottom Bar Menu template layout

(Click image to enlarge)

1: Content area

This is the primary content area of a page. Any content that is entered into a page will appear in this area unless it is tagged otherwise.

2: Right hand column

This is an optional column portion of the page where elements designated with {rightimages} or {right} tags will display, independent of the primary content area. Users can choose the width of the column or disable it in a page’s Grid settings (see Properties > Content).

3: Footer

While there is no visible footer element, buttons for returning to the Home page and opening the Menu are displayed on the left, while standard navigation buttons are displayed on the right. No other buttons will be shown, even if enabled in the Visual Layout tab.


To navigate between pages in a course, you can use either the page index or the navigation buttons in the footer to travel to the previous and next pages (using the left and right arrow keys on the keyboard also works!). The Home button returns the user to the first page in the course.

Bottom Bar Menu template navigation buttons

The page index in this layout opens as a full-screen overlay when the Menu button is clicked. It can be closed by clicking the Menu button again or clicking the 'x' icon in the top right corner.

Bottom Bar Menu index

(Animated GIF - Click image to enlarge)

This is where the course navigation is displayed, showing all visible pages within a course. Users can travel to any page by clicking its name in the list (unless any prerequisite conditions are in place).

Pages that have not been visited have an empty circle next to their name. Visited / completed pages will have a full circle next to their name. Pages that have been visited but unfinished will have a half filled circle next to their name.