Skip to content


Navigation in Collections has two flavours: live and Claytons (static). The following summarises the live navigation experience.

Collections will make up to four navigation changes to the Canvas modules page. Who sees these changes is defined by Collections' visibility setting.

The four changes are summarised in the following table and labelled in the image below.

See the Navigating Live Collections page for more detail.

Navigation element Description
Navigation bar

Shows a list of all collections and allow navigation back and forth between collections.

Include page (optional)

Each collection can have a single Include page. i.e. a Canvas page, the content of which will be inserted before or after the Current collection representation.

Note: Only the current collection's include page is shown.

Current collection's representation

Each collection chooses from one of the available representations (including the CollectionsOnly representation that is empty). These are designed to provide a bespoke visualisation of information about the Canvas modules.

Current collection's Canvas modules

ALl of the above interface elements are placed before the normal list of modules displayed on the Canvas modules page. The one last change Collections makes is to hide all those modules that do not belong to the current collection (and other configuration choices).

An example modules page modified with Collection's navigation interface elements

Screenshot of Canvas modules page with Collections' navigation elements

Claytons Collections creates a static representation of the Collections navigation interface element in one or more Canvas pages. These static representations can be used to navigate to specific Canvas modules without the Canvas Collections code.

The following animated image demonstrates navigating Claytons Collections configured for the sample course. In this example, the course home page is using a "full claytons" approach. Such an approach emulates a normal live Collections interface.

See the Navigating Claytons Collections page for more detail.

Animated example of navigating Claytons Collections