Course formats: Grid Format

format_grid
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.
4532 sites
2k downloads
88 fans

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....

Screenshots

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

Contributors

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

Comments RSS

Show comments
  • Gareth J Barnard
    Thu, 3 Aug 2017, 7:19 PM
    Sorry Alejandra, I don't know what you're saying.
  • Picture of alejandra q
    Sat, 12 Aug 2017, 3:07 AM
    Hola Gareth:

    En formato de curso rejilla en algunas versiones permite ver los iconos de la rejilla en forma de circulo y en otros en cuadrados. Mi inquietud es como puedo modificar la rejilla de círculos a cuadros o de cuadros a círculos?

    Te adjunto una imagen
    https://goo.gl/4UuAw8

    Saludos,

    Alejandra.
  • Gareth J Barnard
    Sat, 12 Aug 2017, 3:10 AM
    Hi Alejandra,

    The format only displays with squares and not circles.

    Gareth
  • Picture of Chris Maki
    Wed, 30 Aug 2017, 11:07 AM
    We are using Moodle 3.3.1 (Build: 20170710) with the Fordson theme v1.5.7 (Build: 2017082300) and we just added grid format 3.3.0.1 (build:2017071700). We used grid format previously and really liked it. We have run into an issue now which may cause us to remove the grid format. The Grid format chnages the layout as it should, however, after installing the Grid format the items in the Nav bar , Participants, grades, badges and competencies , all open topic 7 in the course unless I have "Turned Editing ON". It does not matter which course you are in, if there are 7 or more topics, topic 7 will open. If there are 6 or less topics, everything works fine. Any ideas??
  • Gareth J Barnard
    Wed, 30 Aug 2017, 5:58 PM
    Hi Chris,

    Probably a z-index conflict with the theme. If you need me to look at this in the near future then I can send you my terms of business containing support rates.

    Kind regards,

    Gareth
  • Picture of seaghan moriarty
    Thu, 14 Sep 2017, 9:37 PM
    When upgrading Moodle, Gridformat does not show in the List for Missing files - so after completing the Upgrade, Gridformat wasn't available and we had to reinstall it (all courses were still configured as per before upgrade, so no major issues).
  • Gareth J Barnard
    Thu, 14 Sep 2017, 10:04 PM
    Hi Seaghan,

    I have no idea what you're talking about.

    G
  • Picture of Ryan Bernstein
    Wed, 20 Sep 2017, 2:07 AM
    Hi Gareth,

    We're unable to highlight topic areas in 3.3.2 (Build: 20170911), regardless of theme we're using.
    Thanks for looking into it.

    Ryan
  • Gareth J Barnard
    Wed, 20 Sep 2017, 5:53 AM
    Hi Ryan,

    Cannot replicate with Grid V3.2.1.3 on Moodle 3.2.5+ (Build: 20170915) (2016120505.02) with Clean, Boost, Essential....

    G
  • Picture of Ryan Bernstein
    Wed, 20 Sep 2017, 9:33 PM
    Hi Gareth,

    Thanks! You are right - the problem was on our end. It's corrected now. Thanks for all your help with these great plugins!

    Ryan
  • Picture of seaghan moriarty
    Tue, 14 Nov 2017, 12:29 AM
    Just FYI - in case anyone is having similar problems. Hope this helps...
    I'm on Moodle 3.1.9 and using the Moodle 3.1 GridFormat plugin

    Issue:
    Moodle loses Grid Format plugin after every update

    Reproduction:
    update moodle (eg 3.1.7 to 3.1.8, and happened also 3.1.8 to 3.1.9)

    Result:
    The plugin 'GridFormat' becomes inactive/removed and all courses revert to default format (eg Weekly topic)

    Resolution:
    One resolution that has worked for me every time this happened is to reinstall the plugin manually / from zip file.

    Note:
    When upgrading Moodle, Gridformat does not show/warn in the "List for Missing files" (ie when Moodle highlights any potential problems/database plugins which could not update subsequent to the update), so I was not aware of the problem until I viewed the courses.

    HTH!!
  • Gareth J Barnard
    Tue, 14 Nov 2017, 1:15 AM
    Hi Seaghan,

    Thank you for your post but it is misleading. This is not to do with the course format (or probably Moodle core) but all to do with your upgrade procedure removing the Grid format files. I update via 'Git' all the time and have no issues, i.e. this sort of thing: https://docs.moodle.org/31/en/Git_for_Administrators#Updating_your_installation.
    Gareth
  • Me
    Sun, 19 Nov 2017, 5:46 PM
    Hi Gareth, regarding the issue of stopping youtube videos when switching sections or closing the grid view, i wrote a fix for it if you're interested (its not the best approach but its the best solution i could come up with since "stopVideo()" does not did not work for me.
    I added this code as a new function in the "module.js" file, and called it in the "grid_toggle" and "change_selected_section" functions.

    var iframes = document.getElementsByClassName("yt_frame"); // Should be added to all youtube iframes on the site.
    for (var i = iframes.length - 1; i >= 0; i--) {
    var currentSrc = iframes[i].src;
    currentSrc = currentSrc.replace('&autoplay=1','&autoplay=0'); // So the videos wouldn't start playing again.
    iframes[i].src = currentSrc; // "Stopping" the videos.
    }

    Hope this is useful for you.
  • Gareth J Barnard
    Mon, 20 Nov 2017, 12:17 AM
    Thanks Ben,

    Interesting solution. Ok....

    Should it work on page load instead to prevent iterating every time a section is navigated to. As clearly even after it has done it's job for the whole page then the 'replace' will be called on every yt_frame class per click of the grid_toggle / navigation.

    Can:

    var currentSrc = iframes[i].src;
    currentSrc = currentSrc.replace('&autoplay=1','&autoplay=0'); // So the videos wouldn't start playing again.
    iframes[i].src = currentSrc; // "Stopping" the videos.

    be simplified to:

    iframes[i].src.replace('&autoplay=1','&autoplay=0'); // So the videos wouldn't start playing again.

    ?

    Why did stopVideo() not work for you? What was the error message please?

    Gareth
  • Me
    Tue, 21 Nov 2017, 4:46 PM
    Hi gareth
    The code can indeed be simplified to:
    iframes[i].src = iframes[i].src.replace('&autoplay=1','&autoplay=0');

    as for the error message i got it was:
    "TypeError: iframes[i].stopVideo is not a function"
    And i get it even if i add the "enablejsapi=1" parameter to the src
Please login to post comments