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


  • Tue, Feb 19, 2019, 11:30 AM
    In Moodle 3.4.... using lamda theme....."Fit the section popup to the window" is set to "Yes" is not showing the section popup content clearly.....dark grey layer is coming on it.
    Any help....
  • Gareth J Barnard
    Tue, Feb 19, 2019, 8:17 PM
    Dear Shadab,

    The Lamda is a commercial theme, therefore nothing I can do about this. Please contact their support.

  • Mon, Mar 4, 2019, 11:28 PM
    I've been using Grid Format for years. Maybe I've missed it, but what is the gold highlight around the first section/unit? Is that something that can be turned off? It seems separate from the regular colored line highlight that you can turn on in the section settings. My students always see it and think that means we are in that unit. (I know, they should know better, hehehe.)

  • Gareth J Barnard
    Tue, Mar 5, 2019, 12:27 AM
    Gold highlight? What gold highlight?
  • Tue, Mar 5, 2019, 8:48 PM
    You can see it around the first section ("G") in the screenshots above. If I select Highlight in the section settings, I get the purple line/box around the unit/section.
  • Gareth J Barnard
    Wed, Mar 6, 2019, 1:38 AM
    That's the 'current selected image container colour' to indicate which section will be displayed when the Esc key is pressed or the Enter key when tab or shift tab has been used to focus a given grid section. The colour can be changed but the functionality not turned off without code changes.
  • Wed, Mar 6, 2019, 1:58 AM
    Thanks. I knew about the color change, but didn't know if there was a setting to turn it off. Thanks.
  • Sun, Mar 10, 2019, 8:12 AM
    Hi Gareth,
    is there a way to hide the hyphens that separate each activity and resources inside the sections?

    Best regards, David
  • Sun, Mar 10, 2019, 4:19 PM
    David Zapata - the hyphens that separate each activity are created by the theme not the course format e.g. this is nothing to do with the Grid Format. I know that the Adaptable theme allows you to remove them, and I regularly do, not sure about other themes.
  • Gareth J Barnard
    Sun, Mar 10, 2019, 8:45 PM
    Hi David,

    They are defined in the format's 'styles.css' file with the selector '#gridshadebox_content .activity'. Thus override that in a theme. And thus Dave, you're wrong!

  • Sun, Mar 10, 2019, 9:32 PM
    Thank you Gareth and Dave! #gridshadebox_content .activity did the trick.

    Best regards, David
  • Fri, Mar 15, 2019, 12:56 AM
    I was wondering if anyone knows whether the Grid format meets WCAG 2.1 AA standards? Also in my old company we were told that using a screen reader with grid was problematic as the screen reader read the main Moodle site prior to reading the pop up window with the topic contents. Can anyone confirm if this is the case and if so has it been fixed in newer versions?

    I don't mean to sound negative because I really like this format and would like to use it but need to ensure accessibility for my students.
  • Gareth J Barnard
    Fri, Mar 15, 2019, 1:04 AM
    I don't know as not checked in a while. Please do test it and if there are issues I'll try my best to address them. I've added in keyboard control and changed things in the past. Screen readers are expensive! There is a free one, but to be honest I don't know what I'm doing with it or could work out in this respect if something is wrong or not. There does seem to be a lot of conflicting information out there and 'best practice' has not really been established.

    If you tell me that element X needs ARIA attribute Y then that can be a great help.
  • Mon, Apr 8, 2019, 7:16 PM
    Hi Gareth smile
    I have a moodle version 3.4.1 build (20180115) and when I hover on it it shows (2017111301), I tried to install format_grid version 3.4, but it didn't work ?
    what version should I use, and excuse me as I am still beginner in moodle.
  • Gareth J Barnard
    Mon, Apr 8, 2019, 7:59 PM
    Dear Osama,

    Please post on so we can work things through there.

Please login to post comments