Course formats: Buttons

Maintained by Picture of Rodrigo Brandão Rodrigo Brandão
"Buttons" is a course format that creates a menu with buttons in javascript to access the sections, one by one. It has features to change the button colours and create group of sections.
1069 sites
46 fans

Buttons for Moodle 2 and Moodle 3

"Buttons" is a course format that creates a menu with buttons in javascript to access the sections, one by one.
It has features to change the button colours and create group of sections (example: modules, period).


2017-05-11 New feature The list-style can be defined in: numbers, alphabet or roman numeral;
2017-05-11 Fixed the problem to return to the selected section.


Click here to open the documentation


Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4


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

Comments RSS

Show comments
  • Picture of Germán Valero
    Thu, 11 Aug 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 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.
  • Picture of William Stewart
    Wed, 31 Aug 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.
  • Picture of Simon Bertoli
    Tue, 6 Sep 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
  • Picture of Simon Bertoli
    Tue, 6 Sep 2016, 7:39 AM
    Oh and the restrict access functionality seems a bit off?
  • Picture of Heather Edick
    Wed, 7 Sep 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.
  • Picture of Rodrigo Brandão
    Sun, 11 Sep 2016, 12:33 PM
    New release with restrict access controls!
  • Picture of Nick Varney
    Wed, 28 Sep 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?
  • Picture of Brett Campbell
    Sat, 24 Dec 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!
  • Picture of tali bamba
    Wed, 18 Jan 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 ?
  • Picture of Sebastien Jaffredo
    Tue, 7 Feb 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.


  • Picture of Nives Bacun Lebarovic
    Wed, 8 Feb 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.
  • Picture of Aaron Panych
    Tue, 4 Apr 2017, 7:22 AM
    Great plugin. It really adds value to course UI. Thanks, Rodrigo.
    Any idea how to duplicate the buttons at the bottom of the page so they are at both the top and bottom?
    This would prevent users from having to scroll back up if the page is long. Doable?
  • Picture of Margaret Cohen
    Mon, 8 May 2017, 2:47 PM
    Hey, just wanted to thank you for creating this plugin. After inspecting it I decided to include the plugin my project. Javascript is very adaptable, and with your plugin, it's easy to implement a lot of interesting things smile

    Thanks once more! Margaret
  • Picture of Stéphane Poinsart
    Sat, 13 May 2017, 8:02 AM
    Hello. Thanks for this plugin, looks really good for small and medium courses.

    May i ask you if the source control URL is still the right one ? Last commit is in in September 2016.


  • Picture of Chris Vacano
    Sat, 20 May 2017, 2:52 AM
    Hi Rodrigo,

    This plugin is fantastic. Such an elegant solution to topic navigation within a course.

    I'd like to offer one suggestion/request to make it even more helpful: forward and back buttons (or arrows, maybe) to facilitate linear navigation through the topics.

    Thanks for sharing the great work.

1 2
Please login to post comments