Select Moodle version:

Course formats: Grid Format

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.
Maintained by: Julian Ridden Julian Ridden, Gareth J Barnard Gareth J Barnard
for Moodle
2.0, 2.1, 2.2

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.




Gareth J Barnard
Gareth J Barnard: Code Guru
Julian Ridden
Julian Ridden (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of Jona Turner
    Tue, Mar 11, 2014, 5:30 PM
    Hi Gareth,

    Absolutely love the plugin, we're using it for almost all courses, the only part we're not too sure about is the - Current selected image container colour... is there any way to disable it as no-one seems to use it (where I work) and it also covers the highlighted topic and confuses people if the first topic it the highlighted one....

    Best regards
  • Gareth J Barnard
    Tue, Mar 11, 2014, 6:06 PM
    Hi Jona,

    Currently there is no way of disabling it, only changing its colour.

    I added it for accessibility reasons when adding keyboard control which had been requested for ages. Its there because when you press 'Esc' to show the shade box you would not know which one you were selecting if you were not using a mouse. So there had to be a solution.

    Pragmatically, I could reduce the conflict on the highlighted topic colour by applying the functionality to the border instead, but with a 1px border width this might cause issues with accessibility for some users.

    I will consider in this instance adding in an option to disable it. This would be in the next release at some point in the future and for M2.6+. Currently disabling it would mean changing the code and off the top of my head do not know how to do that yet.


  • Picture of Jona Turner
    Tue, Mar 11, 2014, 6:34 PM
    Hi Gareth, thanks for the speedy reply,
    Adding the option in I think would be of benefit purely to give people a choice.
    However I have now worked out how to remove this in the code (by changing a single character - luckily you made it nice and easy to do) smile
    Thanks in advance for the potential coming update though.

    Again though... great plugin, one of the best out there!
    Very happy.
  • Picture of Geoff Woods
    Wed, Mar 12, 2014, 5:43 AM
    grid content ignores first click and scrolls the screen to the top. the second attempt functions correctly
    1) Click on the a grid item that has a long content that needs to be scrolled
    2) Scroll Down to and find a link to click on
    3) Click on the link
    the click is ignored and the screen scrolls up
    4) repeat steps 2 and 3
    this time is works as expected.
  • Picture of Geoff Woods
    Wed, Mar 12, 2014, 5:46 AM
    Moodle 2.5.4, grid 2013110509
  • Gareth J Barnard
    Wed, Mar 12, 2014, 5:52 AM
    Hi Geoff,

    I've read your comment twice and cannot visualise the issue. Please could you post a screen shot on the courses and course formats forum.

  • Gareth J Barnard
    Wed, Mar 12, 2014, 5:57 AM
    P.S. The last 2.5.x version was '2013110505', there is no '2013110509' version yet.
  • Picture of Derrick Mitchinson
    Wed, Mar 19, 2014, 10:23 AM
    Hi Gareth, thanks for the excellent course format, I love it!

    One question, is there a way to have a page open instead of a popup window when a student clicks on a topic?
  • Gareth J Barnard
    Wed, Mar 19, 2014, 8:43 PM
    Hi Derrick,

    Go to the course settings and under 'Course format' find 'Course layout'. Set that to 'Show one section per page'.

  • Picture of Cristian Frog
    Wed, Mar 26, 2014, 10:49 PM

    thank you for this great course format plugin.

    I would like to know if there is possible to make content of the sections appear under the buttons/containers??
    Now the content appears in a javascript box or a new page, I would like to know if it's possible to make it appear with a toggle visibility?
    Is there a version of this? It's difficult to modify it?

    Thank you,
  • Gareth J Barnard
    Thu, Mar 27, 2014, 1:48 AM
    Hi Cristian,

    Interesting question. So in essence you are asking that each sections content appear underneath the grid, but only one section at a time according to which grid box was activated? If so, then no, not that I am aware is a version of the format that has that functionality and without spending a reasonable amount of time investigating it is tricky so say how difficult it would be to implement. The source code is GPLv3, so feel free to try yourself and if you make it work I'd be happy to add it as an extra layout option for all to benefit.


  • Picture of alisha smith
    Tue, Apr 1, 2014, 11:48 AM
    Hi guys,
    I love Grid format but have had a few challenges with it since upgrading to the newest version. For students, when they click on a section icon, it doesn't display the resources in that given section- it just takes them back to the top of the course page.
    I've scoured the forum and docs but haven't been able to identify what the issue is. Any help would be much appreciated.
    Thanks in advance,
  • Gareth J Barnard
    Tue, Apr 1, 2014, 5:58 PM
    Hi Alisha,

    When you say 'latest version', what version of Moodle are you running and what version of the Grid format did you install please?

    The likely cause of the issue is a JavaScript breakage. This can happen anywhere in any code, not just the Grid format. So if something else breaks, then the Grid will to. Please could you first try a 'Purge all caches' -> 'Home -> Site administration -> Development -> Purge all caches' - as mentioned in the upgrade instructions in the readme file. If this does not solve the problem, then could you use browser developer tools (press F12 - Chrome preferred), go to the 'console' tab, reload the page and print screen all errors and post on the 'Courses and course formats forum' -> please.


  • Picture of Gideon Williams
    Fri, Apr 4, 2014, 11:27 PM
    Hi Gareth. Couple of questions if I may be so bold. Is there any way of altering the font style of the titles above the grids eg colour, size, style? How difficult would it be to have animated GIFs in the picture grid? Many thanks as always for your tireless efforts, Gideon.
  • Gareth J Barnard
    Fri, Apr 4, 2014, 11:38 PM
    Hi Gideon,

    For 1, the CSS selector should be '.gridicons .icon_content' for styling the text if on M2.6.1.5.
    For 2 = very difficult if not currently almost impossible, please see:


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
Please login to post comments