Course formats: Buttons

format_buttons
Maintained by Picture of Rodrigo Brandão Rodrigo Brandão
Buttons is a course format that creates a menu with buttons to access the topics, one by one.
1479 sites
1k downloads
68 fans
Moodle 2.6, 2.7, 2.8, 2.9, 3.0, 3.1, 3.2, 3.3
MonitorLogo

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

Features

* 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;
* Select the list-style in numbers, alphabet or roman numeral.

Installation

* 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.

Usage

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.

Documentation

Click here to open the full documentation

Screenshots

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

Contributors

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 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
    Hi

    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.

    Cheers

    Sébastien
  • 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.

    Regards,

    Stephane
  • 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.

    Cheers!
    Chris
  • Picture of Al Brocklehurst
    Sat, 8 Jul 2017, 9:47 PM
    Hey Rodrigo, fantastic course format. Very clean and addresses the 'scroll of death' the only showstopper is as others have mentioned - the cog for the edit summary has disappeared on Moodle 2.8 version and changing formats to edit then back to buttons and loosing group settings just isn't practical.

    Can the edit section summary cog re-appear if the plugin is for 2.7 and 2.8

    Thanks.
  • Picture of Rodrigo Brandão
    Sun, 9 Jul 2017, 4:06 PM
    New release (2017071000) fix the problem with settings button on Moodle 2.6, 2.7 and 2.8.
  • Picture of Al Brocklehurst
    Mon, 10 Jul 2017, 10:25 AM
    Fantastic Rodrigo - thanks.
  • Picture of Ruan Viljoen
    Thu, 13 Jul 2017, 3:06 PM
    Hello! Thanks for the awesome plugin. After the recent update, with Developer mode enable to see any errors on the website (my LMS is still under construction) I've found these errors on one of my courses' front page while in editing mode:

    pix_url is deprecated. Use image_url for images and pix_icon for icons.
    line 267 of /lib/outputrenderers.php: call to debugging()
    line 266 of /course/format/buttons/renderer.php: call to renderer_base->pix_url()
    line 322 of /course/format/buttons/renderer.php: call to format_buttons_renderer->section_header()
    line 48 of /course/format/buttons/format.php: call to format_buttons_renderer->print_multiple_section_page()
    line 280 of /course/view.php: call to require()
    pix_url is deprecated. Use image_url for images and pix_icon for icons.
    line 267 of /lib/outputrenderers.php: call to debugging()
    line 266 of /course/format/buttons/renderer.php: call to renderer_base->pix_url()
    line 322 of /course/format/buttons/renderer.php: call to format_buttons_renderer->section_header()
    line 48 of /course/format/buttons/format.php: call to format_buttons_renderer->print_multiple_section_page()
    line 280 of /course/view.php: call to require()
    pix_url is deprecated. Use image_url for images and pix_icon for icons.
    line 267 of /lib/outputrenderers.php: call to debugging()
    line 266 of /course/format/buttons/renderer.php: call to renderer_base->pix_url()
    line 322 of /course/format/buttons/renderer.php: call to format_buttons_renderer->section_header()
    line 48 of /course/format/buttons/format.php: call to format_buttons_renderer->print_multiple_section_page()
    line 280 of /course/view.php: call to require()
    pix_url is deprecated. Use image_url for images and pix_icon for icons.
    line 267 of /lib/outputrenderers.php: call to debugging()
    line 266 of /course/format/buttons/renderer.php: call to renderer_base->pix_url()
    line 322 of /course/format/buttons/renderer.php: call to format_buttons_renderer->section_header()
    line 48 of /course/format/buttons/format.php: call to format_buttons_renderer->print_multiple_section_page()
    line 280 of /course/view.php: call to require()
    pix_url is deprecated. Use image_url for images and pix_icon for icons.
    line 267 of /lib/outputrenderers.php: call to debugging()
    line 266 of /course/format/buttons/renderer.php: call to renderer_base->pix_url()
    line 330 of /course/format/buttons/renderer.php: call to format_buttons_renderer->section_header()
    line 48 of /course/format/buttons/format.php: call to format_buttons_renderer->print_multiple_section_page()
    line 280 of /course/view.php: call to require()
  • Picture of Al Brocklehurst
    Fri, 28 Jul 2017, 12:17 PM
    Hi Rodrigo, we'd love to wrap a 'Title of the grouping' to appear on the second line. In the help it mentions: Tip: if you want to use the tag
    , type [br].

    Does this mean if the title has '[br]Weekly Tasks' then the title 'Weekly Tasks' should appear on the second line. This doesn't seem to work in Moodle 2.8 version.

    Thanks
  • Picture of Rodrigo Brandão
    Fri, 28 Jul 2017, 2:50 PM
    Hello Al Brocklehurst, The idea about uses the [br] is quicly different.
    Is to use like "Long title[br]for this topic" to show a group title in two line.
    But I liked your idea, and I will think about a solution to create group lines.
  • Picture of Colin Wheelhouse
    Wed, 30 Aug 2017, 10:07 PM
    Hi Rodrigo,
    Really great plugin, a small snag is that if you want to re-order sections then the title given to that section stays in its position . So for example if section one is called start and has 3 files in and section 2 is called Introduction and has 1 file in, if you drag section 2 above section 1 it inherits the title Start but keeps its files which means the settings have to be edited again.

    Good planning when dding material to a course will avoid this but hey who's perfect?

    Cheers
    Colin
  • Picture of Elton LaClare
    Fri, 6 Oct 2017, 3:09 PM
    I really like this course format! It's a shame it doesn't work on the Moodle Mobile app. At the moment, the app development team is considering adding support for course formats. If you'd like to see Buttons and other course formats in the app, consider voting for this issue in the tracker MOBILE-1551.
1 2 3
Please login to post comments