Course formats ::: format_buttons
Maintained by Rodrigo Brandão
Buttons is a course format that creates a menu with buttons to access the sections, one by one. Please favourite ♥!
Latest release:
4864 sites
208 fans
Current versions available: 2

Buttons is a course format that creates a menu with buttons to access the sections, one by one.

Donate to Development

"help me to continue this wonderful project.
I will be sincerely grateful."
rodrigo brandão


* Create groups of sections, to separate topics in modules or periods;
* Create names to the groups to identify them. (Example: First Semester, Topics about a specific theme);
* Change the colors of the buttons (when active, inactive, on over and hidden), to fit it your Moodle theme;
* Define the list-style between numbers, alphabet or roman numeral;
* Define the button's shape between squares or circles.


* For recent Moodle versions, you can install this plugin automatically from the Moodle plugins database.

Manual installation

1. You can manually download the zip file from the Moodle Plugins Database.
2. After downloading the zip file, expand it and put it's contents in your .../moodle/course/format/ directory.
3. The folder name must be 'buttons'.
4. Go to 'Admin ► Site administration ► Notifications' page.
5. Follow the instructions inside the page to finish the installation.


1. When creating a new course, select 'Buttons format' in the 'Course format' dropdown menu.
2. To select the format, simply choose it from the list of course formats in the course settings.
3. Choose the number of sections, or leave the default of 10 sections.
4. Choose where you want the first (zero) section (which has the default 'Announcements' forum) positioned: Either 'Above the list buttons' or 'Below the visible section'.
5. Select the sequential rule. You can uses the count original of the topics, or chose to reset the count to each new grouping.
6. Select the list-style in numbers, alphabet or roman numeral.
7. Write the titles for all the groupings you will use and the number of sections that each one will have. If a group has only one section, the icon will be (...).
8. Write the hexadecimal color for the current section button and the visible section button, or leave it empty to use the default value.


Click here to open the full documentation


Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4
Screenshot #5
Screenshot #6
Screenshot #7


Rodrigo Brandão (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS


  • Tue, Aug 9, 2016, 6:06 PM

    Thanks Rodrigo for sharing this course format with the Moodle community, and thanks Karen for the peer-review. I am happy to approve the plugin now. You are cleared to land, welcome to the Plugins directory!

  • Léo Renis Santos
    Tue, Aug 9, 2016, 9:25 PM
    Olá Rodrigo! Parabéns pelo plugin. Já adicionei aos favoritos. Parabéns pelas inovações.
    Hello Rodrigo! Already added to favorites. Congratulations for innovation.
  • Ricardo Caiado
    Wed, Aug 10, 2016, 9:42 AM
    Ola Rodrigo,
    Não consegui replicar uma das "screenshots". Como faço para aparecer "..." no lugar do número da seção?
  • Wed, Aug 10, 2016, 11:17 PM
    Olá Ricardo, para replicar essa função basta definir um "Number of sections to group" igual a 1. Se o grupo tiver somente 1 item este Item terá uma imagem de ( . . . )
    Hi Ricardo, to replicate this feature, you just need define a "Number of sections to group" like 1. If the group has only one section, the icon will be ( . . . )
  • Germán and Temudgin
    Thu, Aug 11, 2016, 1:55 AM
    Hi Rodrigo,

    I like your buttons course format plugin a lot.
    I already made an AMOS translation into Mexican Spanish.
    I hope you don't mind that I created a Moodle Docs page at https://docs.moodle.org/31/en/Buttons_course_format with some example screen images.

    I think that the English language string for sectionposition , 'First section position' might be better named 'Section zero position', because this section is actually section number 0 in all the other course formats (where the Announcements forum is located by default). This way, it is easier to figure out what section will be shown in each button.

    Congratulations on this very user-friendly plugin.
  • Wed, Aug 31, 2016, 10:40 AM

    I love the plugin! I've immediately implemented it in a a number of courses to reduce scrolling! Lot's of great potential to be creative.
  • Tue, Sep 6, 2016, 7:18 AM
    Love this!
    One thing isnt clear (for me anyway) in editing mode how to i change/edit the section general summary? The edit summary wheel icon disappears... at the moment I am changing to topics format to edit
  • Tue, Sep 6, 2016, 7:39 AM
    Oh and the restrict access functionality seems a bit off?
  • Wed, Sep 7, 2016, 2:55 AM
    I LOVE this format. It's so clean. The only problem I had is after setting the course settings, the page would redirect to /moodle/course/edit.php without the closing ?id=nnn (course number) or without redirecting to the course main page (moodle/course/view.php?id=nnn). I'm not sure why that is happening, but thought I would let you know.
  • Sun, Sep 11, 2016, 12:33 PM
    New release with restrict access controls!
  • Wed, Sep 28, 2016, 9:12 PM
    Excuse my ignorance as I've just started using this today - but I can't see how to edit the topic/section names in this format. Do I need to revert to the standard Topics format to do this?
  • Sat, Dec 24, 2016, 1:12 AM
    Hey Rodrigo! Awesome plugin! Was wondering if there was any way a call to action could be placed with in a topic that would automatically progress (link) the student to the next topic. Or, is there another plugin that you have seen that would allow for this? Thanks so much!
  • Wed, Jan 18, 2017, 4:19 AM
    Hello, it will be wonderfull if buttons can be too ar the bottom of the section. Or, with links to the next and previous section (like the topic format, one section per page)
    How can i make that ?
  • Tue, Feb 7, 2017, 7:28 PM

    Lovely plugin, the look and feel of it is great.
    Now I have this problem: when this course format is chosen, I cannot use [span lang="fr" class="multilang"] tags in section names directly on the page. Doing so results in the error message: "Undefined/Error calling update processor".
    This problem can be circumvented by editing the title of the section on the "course/editsection.php" page. But I thought you might want to know about that and possibly correct the bug.


  • Wed, Feb 8, 2017, 10:31 PM
    Lovely plugin Rodrigo. Just seen it and installed it straight away. Love how it looks and I hope it will great too. Thank you.
Please login to post comments