Moodle plugins directory: Grid Format | Moodle.org
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.
Useful links
Screenshots
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íð
Could not find the info in the comments, so I wanted to ask: how does this work on mobile devices? Is it OK on smartphones, for instance? We have implemented a responsive interface for our Moodle, but before testing this module which really looks great (and thanks for this!), I'd need to know whether the display remains good on smartphones / tablets.
Many thanks in advance for your answer
On responsive themes, the grid just compacts down to a single column and the shadebox adjusts accordingly on small smart devices. Download the format and try it on a test server
Cheers,
Gareth
Many thanks for your answer. I'll ask my moodle admin to install it will try it!
Thanks again for this grid plug-in
Loïc