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.4, 2.5

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
  • Gareth J Barnard
    Thu, May 16, 2013, 6:03 PM
    Hi Renaat,

    If you could make a M2.5 branch on GitHub I could have a bash at pushing a version for it.


  • Picture of Neil Johnson
    Tue, Jan 7, 2014, 11:10 PM
    Does not seem to work in Moodle 2.6. Please update.
  • Picture of Renaat Debleu
    Wed, Jan 8, 2014, 12:45 AM
    Hi Neil,

    Indeed, due to some fundamental style changes in course pages, the 2.5 version is not functioning in 2.6/2.7. I will upload tonight an updated (and user-friendlier) version.
  • Picture of Juan Carlos Cano
    Mon, Jan 12, 2015, 8:20 AM
    as always show your progress?
  • 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 bac eleec
    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.
1 2
Please login to post comments