Moodle Format: Tiles

Summary

The Tiles course format displays each course section as a tile; clicking a tile reveals the associated activities while creating a dark overlay to the rest of the course page.

Body

Introduction

The Tiles course format displays each course section as a tile; clicking a tile reveals the associated activities while creating a dark overlay to the rest of the course page. Tiles are fully customizable through titles, colors, and images.

Configuring the Tiles Course Format

Below includes instructions for changing the course format, creating Tiles for sections.

  1. Click on the Settings tab on the top bar of your course page.
  2. Scroll to and expand the Course format section.
  3. Open the drop-down menu next to the Format label, and select the Tiles format. You will also see additional customization options:
    • Tile icon: Select an icon from the list, and it will appear on all tiles in the course by default. Individual tiles can have different icons or background images by changing that setting at the Tile level.
    • Colour for tiles: Select a color from the list, and it will appear on all tiles in the course.
    • Use sub tiles for activities: Every activity is shown as a sub tile instead of as a list of activities down the page, except the Text&Media block which can be used as headings between tiles.
    • Progress on each tile: The progress is either shown as a fraction (e.g. 'Progress 2/10') or as a percentage in a circle.
    • Emphasise headings with coloured tab: Display a coloured tab to the left of the heading in the course whenever a heading style is selected in the text editor.
  4. Click one of the Save buttons at the bottom of the page.

Image Reference

Below are two examples of the Tiles format: the first image depicts the standard Tiles view while the second image shows the page when one tile is expanded.

Image of a course front page with the Tiles course format.

Image of a course front page with the Tiles course format when one tile is expanded.

Questions?

If you need further assistance or have specific questions that aren't covered in this article, please don't hesitate to reach out for personalized support by submitting a Moodle Support ticket.

Acknowledgements 

Contributions from Carly Born, Em Palencia, Don Vosburg, Wiebke Kuhn, Sam Johnson-Lacoss ’24, Aleks Prasolov '24, Paul Claudel Izabayo ‘25, Fiona Ibrahim ‘25 and Seth Bonney '27.

Details

Details

Article ID: 138565
Created
Mon 10/11/21 3:26 PM
Modified
Tue 2/17/26 1:56 PM

Related Articles

Related Articles (5)

The Buttons course format in Moodle creates a navigation menu using clickable buttons, allowing users to access course sections one at a time.
The Custom Sections format allows instructors to organize course content into uniquely styled sections that can follow a thematic, project-based, or competency-driven structure. Each section may include resources, assignments, and activities grouped according to the instructor’s chosen logic.
This course format allows for collapsable and nestable sections.
The Weekly course format organizes course sections by date ranges, but instructors can customize section titles as needed.
Learn the different ways you can change the look and feel of your Moodle course page.

Related Services / Offerings

Related Services / Offerings (1)

Request Moodle configuration assistance, and more advanced Moodle support.