Note: You are currently viewing documentation for Moodle 3.9. Up-to-date documentation for the latest stable version of Moodle may be available here: Buttons course format.

Buttons course format: Difference between revisions

From MoodleDocs
(Added section == Populating the sections inside your course==)
(tidy up)
 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{stub}}
{{Infobox plugin
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 colors.
|type = Course format
|entry = https://moodle.org/plugins/format_buttons
|tracker = https://github.com/brandaorodrigo/moodle-format_buttons/issues
|discussion = https://github.com/brandaorodrigo/moodle-format_buttons
|maintainer = [[User:Rodrigo Brandão|Rodrigo Brandão]]
|float = right
}}
{{Courses}}
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.


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


== Download ==
== Download ==
Line 9: Line 17:


== Installing ==
== Installing ==
After downloading the ZIP file, put it in your ...\moodle\course\format directory. The folder name must be 'buttons'.
* For recent Moodle versions, you can install this plugin automatically from the [https://moodle.org/plugins/format_buttons Moodle plugins database].
Vist the ' Admin ► Site administration ► Notifications ' page to finish the instalation.
* You can manually download the ZIP file from the [https://moodle.org/plugins/format_buttons Moodle plugins database].
**After downloading the ZIP file, expand it and put it's contents in your ...\moodle\course\format directory.  
** The folder name must be 'buttons'.  
* Vist the ' Admin ► Site administration ► Notifications ' page to finish the instalation.


== Usage ==
== Usage ==
*When creating a new course, slect
*When creating a new course, select ' Buttons format ' in the ' Course format ' dropdown menu.
 
'''Selecting'''
 
* To select the format, simply choose it from the list of course formats in the [https://docs.moodle.org/en/Course_settings course settings].
* To select the format, simply choose it from the list of course formats in the [https://docs.moodle.org/en/Course_settings course settings].


Line 25: Line 33:


* Choose the number of sections, or leave the default of 10 sections.
* Choose the number of sections, or leave the default of 10 sections.
* Choose where you want the first section positioned: Either ' Above the list buttons ' or ' Below the visible section '.
* 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.
* 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 emplty to use the dafult value).
* Write the [https://en.wikipedia.org/wiki/Web_colors hexadecimal colour] for the current section button and the visible section button (or leave it empty to use the dafult value).


== A new empty course==
== A new empty course==
* A new, empty course in the buttons format will shaw the (number of) buttons, that leads to nowhere...
* A new, empty course in the buttons format will show the (number of) buttons, that lead to nowhere...
[[File:Buttons course format empty course.png|600px]]
[[File:Buttons course format empty course.png|600px]]


Line 36: Line 44:
[[File:Buttons course format 9 buttons.png|600px]]  
[[File:Buttons course format 9 buttons.png|600px]]  


* The image below shows the settings using to produce the above image:
* The image below shows the settings used to produce the above image:
[[File:Buttons course format 9 buttons details.png|300px]]
[[File:Buttons course format 9 buttons details.png|300px]]


== Populating the sections inside your course==
== Populating the sections inside your course==
* When you build each section inside your buttons format course, remeber that the first section will be the first section inside grouping 1, in this case, the introduction:
* 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:
[[File:Buttons course format 9 buttons section 1.png|300px]]
[[File:Buttons course format 9 buttons section 1.png|300px]]
* And each course section will be used for each remaining section for each grpouping.
 
* So, in the above example, the * Section # 2 of the course will actually be the part 1 of module 1:
* And each course section will be used for each remaining section for each existing grouping.
* So, in the above example, the Section # 2 of the course will actually be the part 1 of module 1:
[[File:Buttons course format 9 buttons section 2.png|400px]]
[[File:Buttons course format 9 buttons section 2.png|400px]]


== FAQ ==
== FAQ ==
 
* How can I know the hexadecimal code for the ______ colour that I want for the buttons?
Look at a [https://en.wikipedia.org/wiki/Web_colors colours table in the wikipedia].
...
...
== Credits ==
== Credits ==
 
Plugin author: [https://moodle.org/user/profile.php?id=969214 Rodrigo Brandão].
...


==See also==
==See also==
* [[Course formats]]
* [[Course formats]]


[[es:course/view/buttons]]
[[es:Formato de curso Botones]]

Latest revision as of 14:52, 12 August 2016

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 Moodle versions, you can install this plugin automatically from the Moodle plugins database.
  • You can manually download the ZIP file from the Moodle plugins database.
    • After downloading the ZIP file, expand it and put it's contents in your ...\moodle\course\format 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 colour for the current section button and the visible section button (or leave it empty to use the dafult value).

A new empty course

  • A new, empty course in the buttons format 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, the Section # 2 of the course will actually be the part 1 of module 1:

Buttons course format 9 buttons section 2.png

FAQ

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

Look at a colours table in the wikipedia. ...

Credits

Plugin author: Rodrigo Brandão.

See also