
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 in a "lightbox" style display.
Support:
The format comes with NO support. Please see the 'Support' section in 'Readme.md' 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.
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,
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' -> https://moodle.org/mod/forum/view.php?id=47 please.
Cheers,
Gareth
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: https://moodle.org/mod/forum/discuss.php?d=252404.
Cheers,
Gareth
I am using Grid with the Essential theme and I have some topics that have long names. How can I get this to work so it looks neat?
I've done the following in styles.css:
.course-content ul.gridicons li p.icon_content {
font-weight: bold;
margin: 0;
white-space: normal;
overflow: visible;
height: 35pt;
text-align: center;
However, the text is located at the top, and I want it to be aligned bottom (so that the 2nd line of next is where the first line would be if it wasnt wrapped - if that makes sense).
So:
Blank
Text
-Image-
vs.
Text
Text
-Image-
Any help would be great. Thanks.
- Will
What version of the format are you using? And don't you mean you want:
Blank
Image
Text
given your description?
Please could you post details on: https://moodle.org/mod/forum/view.php?id=47.
Cheers,
Gareth
https://moodle.org/mod/forum/discuss.php?d=259954
$plugin->version = 2013110507;
// Required Moodle version.
$plugin->requires = 2013051400.00; // 2.5 (Build: 20130514).
but its not working its giving some database error for the course
I see that you have posted here: https://moodle.org/mod/forum/discuss.php?d=260607 so will continue to help you there.
Cheers,
Gareth
I love this format and I'm designing Moodle for little Kiddies.
I'd like to make the grid boxes transparent.
I'd like to do this in order to use the .png images (with alpha layers) as buttons over a kid friendly back ground picture.
I can code a little and as I understand it, the user settings force the boxes to be a certain #FFFFF type of color.
Is there a way to use the CSS 'transparent' option?
Is there a way to cut out the grid box color settings totally?
Assuming M2.7. To remove the grid icon image container colour setting, remove this code: https://github.com/gjb2048/moodle-courseformat_grid/blob/MOODLE_27/format.php#L84-L89 and set the background within: https://github.com/gjb2048/moodle-courseformat_grid/blob/MOODLE_27/styles.css#L132-L141 and then do a purge all caches.
Cheers,
Gareth
I was just wondering where I can change where the box appears when you click on section. Right now it appears at the top but I would like it to appear a little lower. Right now it is 50px from the top but i would like it to be about 250px from the top. I found out that the CSS setting is in something called element.style but I am unable to find it anywhere to change it.
Regards
Davíð
Change this line: https://github.com/gjb2048/moodle-courseformat_grid/blob/MOODLE_27/module.js#L340 - then do a 'Purge all caches'.
Cheers,
Gareth
Thank you
Cheers,
Davíð