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

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
  • 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
  • Picture of Irakli Kurdiani
    Thu, 21 Dec 2017, 7:23 PM
    We are using Moodle 3.3.1 with the Lambda theme and use grid format . We have run into an issue like - Clicking on an icon brings up the content from the corresponding topic in a "lightbox" style display and it works till 7 topic, but if we add more topics/sections, while clicking it shows empty light box and the content is available only at the bottom of a course page.
  • Gareth J Barnard
    Sat, 23 Dec 2017, 10:16 PM
    Hi Irakli,

    The Lambda theme is a commercial one therefore I cannot test to confirm any issue. If the issue happens in the Clean or one of my themes I'll look and if its a bug will attempt a fix.

    Gareth
  • Me
    Sun, 24 Dec 2017, 4:59 PM
    As i understand the latest update added a feature that will hide hidden section from the grid view. I installed the latest version on my Moodle (3.2.1) and i made sure i check 'yes' in the 'defaultgreyouthidden' but:
    1. The positioning got messed up a bit (pushed to the right)
    2. Hidden section still appears
    i provided an image
    https://prnt.sc/hro20t
  • Gareth J Barnard
    Sun, 24 Dec 2017, 9:29 PM
    This is a semi-automated reply. I'm sorry but I'm currently out of the office at the moment, but will return sometime in the future. In the case of an emergency, please don't panic but keep calm and carry on. At no point try and fix the issue with the CSS: html { display:none !important; }.
  • Gareth J Barnard
    Tue, 2 Jan 2018, 9:18 PM
    Hi Ben,

    With 1 - check the course settings as there is a setting for grid box alignment.
    With 2 - are you viewing the course as an editing teacher etc? Test as a student.

    G
Please login to post comments