The Visual Table of Contents (TOC) widget displays each course module’s title and image on the front of a tile. Learners can click on each tile to flip it over and reveal a description of the module.
The Visual TOC also acts as a progress tracker, showing learners the topics completed out of those available.
The Visual TOC widget can be purchased as part of the Homepage Widget Expansion Pack.
Topic Completion Tracking
Completion Tracking needs to be used on content topics for them to count toward its module’s completion total, which appears in the progress bar.
The Visual Table of Contents widget respects all Release Conditions applied to topics. For example, if a user is not allowed to view a topic until a specific date, then the topic is not available in the widget until that date. The Visual TOC widget shows users the same topics that they can access in the Content tool.
Changing a module image
The Visual Table of Contents Widget displays the first image from a module’s description field on its tile.
If no image is found in a module’s description, a default image is displayed instead. This default image is stored in Shared Files. Refer to the Properties for the Visual Table of Contents Widget below for more information on how to change the default image by modifying the DefaultTileImage property in a configuration file.
Changing the navigation method
In the Visual Table of Contents widget, it is possible to navigate by two separate methods. You can click the image on the course tile to navigate to the root module, or you can click the text module link to navigate to the next sub-module.
Administrators can use the forceTopLevelModuleNav variable to set the Visual TOC behavior so that the navigation always goes to the root module.
Changing Module Overview (the back side of each tile)
The Visual Table of Contents widget displays overview text from a module’s description field on the back side of its tile.
Note: Text formatting does not apply to the Module Overview text. Only plain text is displayed on the back of each module tile.
Customize the Visual Table of Contents Widget
Note: Administrators must grant the Homepages > Retrieve Org Unit Custom Widget Data and Modify Org Unit Custom Widget Data permissions to instructors that need to customize this system widget.
- Add the Visual Table of Contents widget to your homepage.
- On the Visual Table of Contents widget, click the Customize Widget (...) button.
- In the Widget Config field, change the values of the properties you want to edit. You can choose to set the Organization level configs for all Visual Table of Contents widgets; or make specific choices about the configuration of this Visual Table of Content widget at the Course level. Refer to Properties for the Visual Table of Contents Widget.
- Click Save and Close.