Grid Format

Course formats ::: format_grid
Maintained by Gareth J BarnardGareth J Barnard
A modular and visual course format. Hides all topics and creates a grid of icons (one for each topic) with short titles. Clicking on an icon brings up the content from the corresponding topic.
Latest release:
7439 sites
155 fans
Current versions available: 20

A modular and visual course format. Hides all topics and creates a grid of icons (one for each topic) with short titles. Clicking on an icon brings up the content from the corresponding topic in a "lightbox" style display.


The format comes with NO support.  Please see the 'Support' section in '' file that comes with the format.  This is because the format is complex and I regret that I don't have the time / resources to freely assist with questions pertaining to specific enhancements / changes / knowledge improvement.

I will investigate genuine bugs and issue fixes in a timescale set by myself.  When reporting issues you MUST clearly state the full version and release of both Moodle and the Grid format format as contained within their 'version.php' files - if not it takes me longer to figure out, often resulting in me asking for the details anyway and slowing the process of solving your problem down.  It really helps to upload and describe in detail the issue you are having on the 'Course formats' forum.

Screen cast:

More to follow as new icons have been added....

Privacy API support starts with V3.3.0.5 for M3.3 and V3.4.0.4 for M3.4 where the API has been implemented in the minor release of Moodle.


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


Gareth J Barnard
Gareth J Barnard (Lead maintainer): Maintainer
Please login to view contributors details and/or to contact them

Comments RSS


  • Gareth J Barnard
    Thu, Jan 25, 2018, 5:40 AM
    Hi Rob and Paul,

    Thank you for your reply and information. I have been thinking about this and understand where you are coming from in respect to the shade box. What I don't understand is the fact that there is keyboard control and therefore pressing Esc (apparently standard key for assisted technologies) brings up the shade box. Also the tab and left / right cursor keys navigate the grid boxes which all have ARIA descriptions that instruct the user and I always thought the screen reader software. So what happens when the user clicks on 'Esc' and the box is shown? Have your tests included a real user whom is familiar with the NVDA software?

    The more information the better please, along with real world workthrough examples and screen casts of use would help me to understand the issue. Please feel free to raise an issue on the GitHub account ( and post information there. I cannot promise I will solve the problem right away but I will read what you put and think about it.

    Kind regards,

  • Thu, Feb 15, 2018, 4:39 PM

    Thanks for the great plugin! Is there any way to make resized images smaller? For example original image is 80KB size and resized image is 325KB size

  • Gareth J Barnard
    Sat, Feb 17, 2018, 4:51 AM
    Hi Mariusz,

    If the input images are that small then they are too small for the grid box size which is why they are being increased. Therefore this would mean pixelation. So either use bigger source images or reduce the size of the grid boxes via the settings.

  • Mon, Feb 19, 2018, 8:13 PM
    Hi Gareth,

    thanks for response. The problem is following:

    INPUT IMAGE: size (pixels) 900x675, size: 101 KB
    RESIZED IMAGE: size (pixels) 384x288, size: 291 KB

    This is probably because of high value of quality parameter in resizing script.

  • Gareth J Barnard
    Mon, Feb 19, 2018, 11:21 PM
    Dear Mariusz,

    Fair enough. Please feel free to alter the code to suit your needs.

    Kind regards,

  • Wed, Feb 21, 2018, 11:25 PM
    Is there a way of download the grid images once uploaded? Or are they resized for good in the upload process?
  • Thu, Feb 22, 2018, 6:40 PM
    Dear Gareth

    you really cheered me up and made me 'LOL', when i read your post dated 'Tue, Jan 23, 2018, 8:23 PM'.

    Please dont throw in the towel - I work with 2 developers and listen to similar rants on an almost daily basis. So I can play my empathy card.

    You do a great job and we are not worthy smile

    Have a fabulous day
  • Gareth J Barnard
    Mon, Feb 26, 2018, 6:42 AM
    Thank you Audrey smile You've really cheered me up :D.
  • Gareth J Barnard
    Mon, Feb 26, 2018, 6:50 AM
    Hi Dave,

    The original files are stored in case the grid boxes change and then the displayed image is recreated from the original. To see the original, edit the grid box in the same way you used to upload the image in the first place and you'll see it there.

  • Tue, Mar 20, 2018, 9:39 AM

    How to hide a selective grid in grid format

    thank you
  • Gareth J Barnard
    Tue, Mar 20, 2018, 8:35 PM
    Hi Pani,

    Turn editing on, hide the section, turn editing off.

  • Thu, May 3, 2018, 6:39 PM

    We are on Grid format version 2017111801 release and Moodle 3.4.2+ (Build: 20180412) - upgaded from from Moodle 3.0.7, the option to change the number of sections once a course is created isn't there anymore. Is this by design as the last version we used was version 2015112106 release and it had this option.
  • Gareth J Barnard
    Thu, May 3, 2018, 7:12 PM
    This is by design in Moodle core, the number of sections functionality has been removed from the core course formats and I have reciprocated.
  • Tue, May 8, 2018, 5:41 PM

    Is it possible to update your plugin for users who want to navigate inside the modal with tab keys without using their mouse ?
    It'll be amazing if pressing tab key on the last focused element in the modal jumps to the modal of the next section.

  • Gareth J Barnard
    Tue, May 8, 2018, 5:46 PM
    Dear JF,

    Good idea! I'd love to see the solution you have for this, please submit a pull request on the GitHub repository with the code.


Please login to post comments