Buttons course format

 

Buttons course format

Jump to: navigation, search

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

At any time, only one section is visible and the user can change the current section by clicking on the corresponding button.

Download

You can download the format from the Modules and Plugins Database

Installing

  • For recent LMS versions, you can install this plugin automatically from the LMS plugins database.
  • You can manually download the ZIP file from the LMS plugins database.
    • After downloading the ZIP file, expand it and put it’s contents in your …lmscourseformat directory.
    • The folder name must be ‘buttons’.
  • Vist the ‘ Admin ► Site administration ► Notifications ‘ page to finish the instalation.

Usage

  • When creating a new course, select ‘ Buttons format ‘ in the ‘ Course format ‘ dropdown menu.
  • To select the format, simply choose it from the list of course formats in the course settings.

Buttons course format selection.png

  • Fill the available options:

Buttons course format options.png

  • Choose the number of sections, or leave the default of 10 sections.
  • 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 ‘.
  • 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 (…).
  • Write the hexadecimal color for the current section button and the visible section button (or leave it empty to use the default value).

A new empty course

  • A new, empty course in the format of the buttons will show the (number of) buttons, that lead to nowhere…

Buttons course format empty course.png

  • The ‘number of sections’ is actually the number of buttons that will be visible, e g, 9 in the following example:

Buttons course format 9 buttons.png

  • The image below shows the settings used to produce the above image:

Buttons course format 9 buttons details.png

Populating the sections inside your course

  • When you build each section inside your buttons format course, remember that the very first section will be the first section inside grouping 1. In this example, the introduction:

Buttons course format 9 buttons section 1.png

  • And each course section will be used for each remaining section for each existing grouping.
  • So, in the above example, Section # 2 of the course will actually be part 1 of module 1:

Buttons course format 9 buttons section 2.png

FAQ

  • How can I know the hexadecimal code for the ______ color that I want for the buttons?

Look at a colours table in the wikipedia.

Credits

Plugin author: Rodrigo Brandão.

See also

Can’t find your answer?

Our support team is here to help you with any questions you may have.

Contact Support Team