Buttons

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
1k downloads
209 fans
Current versions available: 2
Monitor
Logo

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


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;
* Define the list-style between numbers, alphabet or roman numeral;
* Define the button's shape between squares or circles.

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

Contributors

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

Comments RSS

Comments

  • Tue, Apr 4, 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?
  • Mon, May 8, 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
  • Sat, May 13, 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
  • Sat, May 20, 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
  • Sat, Jul 8, 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.
  • Sun, Jul 9, 2017, 4:06 PM
    New release (2017071000) fix the problem with settings button on Moodle 2.6, 2.7 and 2.8.
  • Mon, Jul 10, 2017, 10:25 AM
    Fantastic Rodrigo - thanks.
  • Thu, Jul 13, 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()
  • Fri, Jul 28, 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
  • Fri, Jul 28, 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.
  • Wed, Aug 30, 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
  • Fri, Oct 6, 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.
  • Tue, Dec 12, 2017, 12:20 AM
    Loving this Course Format but we are having issues with displaying embedded content on each Button (it doesn't show). We use H5P a lot and we either have to resize the page or refresh the page to view.

    Have added Bug to GitHub. Any advice appreciated!

    Thanks.
  • Tue, Dec 12, 2017, 2:53 AM
    Hi Rodrigo,
    I always use this plugin and like it so much. But I had to update Moodle to 3.4 version and the new menu (boost) does not work with the button.
  • Tue, Dec 19, 2017, 1:54 AM
    Hello Rodrigo!

    I also just installed your plugin and am getting the following error. We are running Moodle 3.3 on IIS8 with PHP5.6.

    pix_url is deprecated. Use image_url for images and pix_icon for icons.•line 267 of \lib\outputrenderers.php: call to debugging()
    •line 283 of \course\format\buttons\renderer.php: call to renderer_base->pix_url()
    •line 343 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()
Please login to post comments