{"id":3771,"date":"2021-06-03T07:42:34","date_gmt":"2021-06-03T11:42:34","guid":{"rendered":"https:\/\/carleton.ca\/brightspace\/instructors\/?page_id=3771"},"modified":"2025-05-22T08:48:25","modified_gmt":"2025-05-22T12:48:25","slug":"using-the-visual-table-of-contents","status":"publish","type":"page","link":"https:\/\/carleton.ca\/brightspace\/instructors\/using-the-visual-table-of-contents\/","title":{"rendered":"Using the Visual Table of Contents"},"content":{"rendered":"

The Visual Table of Contents is a course homepage widget that displays interactive tiles based on the content in the course. If the course is empty and contains no modules, the Visual Table of Contents will be empty as well. To add tiles\/content to your Visual Table of Contents, add Modules to your course<\/a>. The Visual Table of Contents automatically creates one tile for each module in your course, displaying the module title, image and progress according to the completion tracking settings<\/a> you’ve assigned to any content. Once modules have been added to the course, users can select the tiles in the Visual Table of Contents to navigate to the course content.<\/p>\n\n\n\n
NOTE:\u00a0<\/strong>The Visual Table of Contents is part of the default course homepage layout. If you wish to change or remove this widget, follow the instructions under Homepage Layout<\/a>.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Visual Table of Contents Example:<\/em><\/p>\n

\"\"<\/p>\n

Changing the Visual Table of Contents Images<\/strong><\/h2>\n

Each module tile in the Visual Table of Contents will display the banner image by default. The module image is an image added to a module description. If a module description has more than one image, the Visual Table of Contents will display the topmost image. If there is no module image, the tile will display the course banner. Instructors and course designers can change the module images in the Visual Table of Contents.<\/p>\n\n\n\n
TIP:\u00a0<\/strong>The recommended size for module images is 1200 pixels x 360 pixels. If your image has different dimensions it will display fully in the module, but be cropped in the visual table of contents.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Finding Images for D2L Brightspace Courses<\/h2>\n

There are a number of royalty-free and\/or creative commons licensed images you can use for your Brightspace course site. Images will need light editing to change their dimensions to match the 1200 x 360 pixel size recommended.<\/p>\n

Check out some of the websites below:<\/p>\n