Your Moodle version

Course formats: Grid Format

Maintained by Gareth J Barnard Gareth 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.

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.

REPORTING ISSUES: When reporting issues you MUST clearly state the full version and release of both Moodle and the Grid 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....


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

Show comments
  • Picture of Alex Denby
    Tue, Mar 1, 2016, 12:09 AM
    I have another question: Is it possible to have the Grid squares stay in a specific formation (in this case, 3 by 3) and resize accordingly?
  • Gareth J Barnard
    Tue, Mar 1, 2016, 12:51 AM
    Hi Alex,


    Kind regards,

  • John Provasnik at Moodle Moot US
    Wed, Mar 30, 2016, 10:16 PM
    Hi. How do you get red of the dashed lines in between each activity? Also, I wasn't sure about some other settings, is there a Moodle Doc dedicated to the Grid format?
  • Gareth J Barnard
    Wed, Mar 30, 2016, 11:51 PM
    Hi John,

    a) Alter the styles of the '#gridshadebox_content .activity' CSS sector.
    b) No.


  • John Provasnik at Moodle Moot US
    Thu, Mar 31, 2016, 2:52 AM
    Gareth -- worked great. Thanks.
    So we had 1 course using Grid Format this year, and many students keep asking if we can have more courses that 'look that way' -- so thanks for your hard work, you are making kids happy with the ease of navigation and nice organization of content : )
  • Picture of Brian Rigwald
    Fri, Apr 8, 2016, 12:00 AM
    A strange situation started happening a month or so ago. We have been using the Grid Format for several years and love it. About a month or so ago, the links for the various "units" stopped opening the specific "unit" page. Instead, it is scrolling down to the "unit" items displayed below the grid. This only happens in edit mode. In regular mode, it works fine. I noticed that there is a difference in URL formats. Instead of "", the URL get's changed in edit mode to "". Notice that the "&" becomes a "#" and the "=" becomes a "-". I am not the site administrator. I know we just updated to the newest release of Moodle over the weekend and the problem persists. I don't know what version number of the grid format we currently have.

    Any ideas what could be affecting this?


  • Gareth J Barnard
    Fri, Apr 8, 2016, 1:44 AM
    Hi Brian,

    Somebody has changed the value of this: setting.

  • Picture of Brandon Jimenez
    Fri, Apr 22, 2016, 10:33 PM
    Hi Gareth, I've been testing your grid format so far in Moodle 3.0.3 and it looks very nice. However, I found a glitch (I wouldn't call it a bug). It is not rendering ok while using the Roshnilite template, as the lightbox doesn't completely hide the Show block and Dock block on the course page.

  • Gareth J Barnard
    Fri, Apr 22, 2016, 10:38 PM
    Hi Brandon,

    Pragmatically I can only support core and my themes. If there are issues with other themes then that's something I'll only look at for a fee.

    Kind regards,

  • Picture of sundeep kumar
    Fri, Jun 17, 2016, 7:01 PM
    Hi Gareth & all,

    I am just 5 months old moodle explorer.

    Its truly amazing format. Thanks smile
    Need help to resolve a small issue. If i leave the section without pausing the video, audio continues in the background.

    Will be great if video stop on leaving the section.

  • Gareth J Barnard
    Fri, Jun 17, 2016, 7:10 PM
    Hi Sundeep,

    Cannot be currently solved, see:

  • Picture of Joginder Sharma
    Sat, Aug 6, 2016, 10:01 PM
    Can we hide the light box for SCROM package and on clicking topic box go to next page (Topic Page) ?
  • Gareth J Barnard
    Mon, Aug 8, 2016, 6:44 PM
    Hi Joginder,

    That is a time consuming question to answer, I'll PM you.

  • Norbert Forster
    Tue, Aug 9, 2016, 11:48 PM
    using grid format with moodle 3.1.1 and firefox or safari will not open popup-window when using "Show all sections on one page" in course layout - a link like id=123#section-5 is shown while hovering but nothing happens on mouseclick.

    All works well when using "Show one section per page". In single-section-course-layout this link is id=123&section=5.

    Are there any settings in browsers, moodle or plugin to resolve this problem?

  • Gareth J Barnard
    Wed, Aug 10, 2016, 12:08 AM
    Hi Norbert,

    Works for me as expected, probably local broken JavaScript. Please check the browser console. If still stuck, post screen shots on:

Please login to post comments