Your Moodle version

Course formats: Masonry Topics format

Maintained by Picture of Renaat Debleu Renaat Debleu
This course format displays all sections like a masonry build brick wall. Every section can have a different background and is dynamically placed into a fluent style page.
Moodle 2.6, 2.7, 2.8

This course format displays all sections like a masonry build brick wall. Using YUI (, every section is dynamically placed into a fluent style page.  Each section can have a different background color.

Warning: The order of the topics shown depends on the screensize and can vary from screen to screen.


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


Picture of Renaat Debleu
Renaat Debleu (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of Bruno Lima
    Thu, Jan 22, 2015, 6:37 AM
    Nice Format, I Just got a couple of suggestions for next releases:

    - You could enable icons for the topics, like this:
    - You could allow change the font color of each topic.
    - Show the progress of student.
  • Picture of Graeme Norman
    Mon, Mar 23, 2015, 2:21 PM
    This looks nice, but I'm having trouble finding where to control the colours inside each masonry section. I can change the border colours no problem. Could it be a problem with Moodle 2.6.1 (Build: 20140113)?
  • Picture of Renaat Debleu
    Tue, Mar 24, 2015, 2:32 AM
    No problems here (Moodle 2.8 and 2.9). You can change the color of a section when you edit the section (turn editing on, click on the edit icon of the section, so you can change the background color like in the last screenshot proviced).
  • Picture of guy elec
    Fri, Jun 5, 2015, 2:19 AM
    Pose de gros problèmes d'affichage sous moodle 2.9 bien que l'installation soit valide. Page blanche ou juste un bandeau présent sur le haut de l'écran.
  • Picture of Mark Hayes
    Sat, Jul 11, 2015, 11:42 PM
    Hi Renaat -
    Just installed the theme in M2.9.1 but I am getting the following error after assigning the format to a course -
    Notice: Undefined property: stdClass::$format_masonry_defaultbackgroundcolor in /var/www/moodle/course/format/masonry/lib.php on line 144
  • Picture of Mark Hayes
    Sat, Jul 11, 2015, 11:43 PM
    I forgot to mention that I have not changed any of the settings for the format.
  • Picture of Mark Hayes
    Sat, Jul 11, 2015, 11:44 PM
    I am also getting the following error -
    Fatal error: Class 'condition_info_section' not found in /var/www/moodle/course/format/masonry/renderer.php on line 126
  • Picture of Renaat Debleu
    Mon, Jul 13, 2015, 3:14 AM
    Hello Mark,

    thanks for the remarks. I'm traveling for the moment, so I do not have a lot of time to review the code. I disabled support for version 2.9 for the moment (so others will not have these errors). The moment I'm back home, I'll look into it.

  • Picture of Daniel Klein
    Mon, Jul 13, 2015, 6:56 PM
    Does this plugin enable YUI's Tablet Magazine format?
  • Picture of Zabelle Motte
    Mon, Oct 5, 2015, 10:44 PM
    I like very much this course format but note there is a problem with labels presented on homepage.
    The labels are not rendered and an big white space appears at the place they shoud be.
    Tested on Moodle 2.9.1.
  • Picture of Renaat Debleu
    Thu, Oct 8, 2015, 4:50 PM
    What is the theme you use?
    In some themes it is necessary to add or remove some css code to have desired effects.
  • Picture of Andrew Lian
    Mon, Feb 22, 2016, 6:18 PM

    Using 3.0.2+ I have installed this using the Pioneer theme and also the Clean Theme - but absolutely nothing happens. I must be doing something wrong. I would appreciate some advice.

  • Picture of Renaat Debleu
    Tue, Feb 23, 2016, 12:39 AM
    Hello Andrew,

    It is a bold statement that absolutely nothing happens. I'm sure a lot of things happen in the background, and most important a javascript error. Can you post the output of the console tab (press F12 in your browser and choose console [Chrome: Ctrl+Shift+J Firefox: Ctrl+Shift+K, Internet Explorer: Ctrl+2]), so I have some more information?

  • Carlos Andrés Martínez Anguiano
    Thu, Jun 16, 2016, 1:42 AM
    This seems like a great format to test. Do you have plans for updating for Moodle 3.1, or this plugin works with that version too?
  • Picture of Renaat Debleu
    Thu, Jun 16, 2016, 3:52 PM
    Let's say it is 95% compatible with Moodle 3.1. I have seen some small issues in different Moodle installations, (yes before a new release there is extensive testing). so I cannot release a stable version yet. One of these days I plan to post a new development version on Github to collect additional feedback.

    Moreover, the upgrade involves also a move from YUI into AMD and this takes more time than I thought.
1 2
Please login to post comments