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.

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
  • MD shot of me from his iphone4
    Wed, Feb 13, 2013, 11:52 AM
    Hi Renaat,
    This looks a lot better installed than those screenshots you've put up smile

    Consider adding links to : Website, documentation, issue tracker and code repository.
  • 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.
Please login to post comments