Moodle: Buttons Course Format

Introduction

The Buttons course format in Moodle creates a navigation menu using clickable JavaScript buttons, allowing users to access course sections one at a time. This format also includes options to group sections (e.g., by module or time period), customize button colors, shapes and numbering styles.

Configuring the Buttons Course Format

1. Open Course Settings by clicking the Settings tab.

2. Select the Buttons Format

   • Scroll to the Course format section and expand it.

   • From the Format dropdown menu, select Buttons format. The page will briefly reload, revealing additional format options.

3. Adjust Format Options

   • Button color – Customize the font and button color using HEX code.

   • Numbering method – Choose between numbers, letters, or roman numerals.

   • Button shape – Select from square or rounded styles.

   • Number of sections – Set how many sections your course will have.

   • Grouping – Organize sections into groups with custom titles.

4. Click one of the Save buttons to apply your settings.
    

Example

Below is an example of the Buttons format. The buttons at the top (labeled 1–10) are used to navigate between sections. In this course, buttons 9 & 10 grayed out as those sections are hidden from students.

Questions?

Submit a Moodle Help ticket.

Acknowledgement 

Created by Carly Born, Fri 7/30/21. Last modified by Bonney Seth ‘27 08/08/2025