Tiles format

Course formats ::: format_tiles
Maintained by David Watson
A course format which displays course topics as "Tiles", in a grid rather than as a list. When clicked, tile content is displayed under the tile with an animated transition. The layout adapts to different screen sizes and orientations. Within each tile, activities can also be set to display as "sub-tiles". For each tile, the teacher can pick an icon from a predefined set, or upload a background photo.
Latest release:
11100 sites
253 fans
Current versions available: 3
Key features
  • Tiles are used to show course topics and activities
  • Animation is used to expand tiles to reveal content
  • Icons or photos on each tile increase visual appeal
  • Modal windows (animated pop ups) to show content
  • Colours for tiles are customisable
  • Theme compatibility is broad (Boost, Clean, Essential, Moove and Adaptable).
  • Easy to switch into Tiles from other formats (e.g. Topics, Grid) without changing course content
  • User friendly (e.g. tile icons are provided and don't need to be uploaded)
  • Mobile responsive (adapts to different screen sizes and orientations)
  • Progress shown on tile with % in a circle, or as a fraction


Moodle 3.9: If you are running Moodle 3.9, it is essential that you use the Moodle 3.9 (or higher) version of the Tiles plugin.  The Moodle 3.7 version is incompatible (following a change to Moodle core) and will cause you problems.  You can see which version of 'Tiles' you are running under Site administration > Plugins > Plugins overview > Course Formats > Tiles Format.


Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4
Screenshot #5
Screenshot #6
Screenshot #7
Screenshot #8


David Watson (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS


  • Thu, Sep 20, 2018, 7:20 PM
    Approval issue created: CONTRIB-7455
  • Fri, Dec 21, 2018, 5:56 AM
    please see CONTRIB-7455 for the results of the plugin review. Thanks!
  • Tue, Dec 25, 2018, 12:55 AM
    Thank you very much for this course format. However, when I add an image (jpg, png) into the section, the image is not displayed. When I right click and copy the image link, I see this link: . I also see "pluginfile.php doesn't work properly (bad file serving)" warning for a short time just below the image, whose link is . Any help would be appreciated.
  • Thu, Dec 27, 2018, 8:04 AM
    Thanks for this plugin. I'm a PT-PT translator.
    I translated these strings but it keep in english:
    Pick a new icon ( in modal window with the icons)
    Click to pick a new icon (the button)

    This strings is not at AMOS
    Default for this course (dropdown when editing the tile)
    Thanks in advance
  • Thu, Dec 27, 2018, 6:32 PM
    Mesut thanks for your comment. I have added some code changes to the course control URL (above under useful links). These improve the way that drag and drop images are added to the course, so may help you. I will add these to a new version here soon. Have also sent you a PM to get a bit more information.
  • Thu, Dec 27, 2018, 6:35 PM
    I downloaded the version and the first 2 are OK now.
    Default for this course is missing in AMOS. File lib.php, line 602
  • Thu, Dec 27, 2018, 6:55 PM
    Thanks Dinis thanks for doing the translation - that is great.

    I have added the missing language string for defaultthiscourse to the code at the source control URL and will upload this to moodle.org in the next few days. Apologies for missing that one before.

    For the other 2 I wonder if it was a caching issue somewhere, but great that this is working now.
  • Thu, Dec 27, 2018, 11:23 PM
    Hi David, thank you for this great job. I have a problem with Valery Fremaux and Andreas Grabs plugins : "Course element" et "unilabel". With these plugins I have the name of the element that appears on top of it. When I add a new label from unilabel I have unilabel_1 that appears just above the label with the logo of a toolbox (official logo of this plugin) ! When i add a second one then just above : unilabel_2 and so on !!! I have the same problem with the course element... Have you got any ideas ?
    PS : I'm using 3.5 version of moodle
  • Sun, Dec 30, 2018, 6:42 PM
    Hi Guillaume I have made some changes to the code which I hope will make this format cooperate better with the two plugins you mention. The changes are available at at https://bitbucket.org/dw8/moodle-format_tiles/downloads/ and I will put them into the moodle.org version when I next upload a release
  • Wed, Jan 2, 2019, 9:24 PM
    Thanks David, this corrects almost all the problems that I encounter, I will not fail to trace the small bug that I will meet. Thank you again for this beautiful work
  • Thu, Jan 3, 2019, 3:39 AM
    Is this a error?

    Is the plugin be compatible with 3.6? Thanks
    PT-PT translation DONE.
  • Thu, Jan 3, 2019, 3:45 AM
    Correct link of the error image:
  • Fri, Jan 4, 2019, 7:02 PM
    I just added a new release which specifies compatibility with Moodle 3.6. It also includes some minor fixes. Dinis - thanks for flagging the help string, which is fixed in this release.

    Separately, I have put together some automated tests (Behat and PHPUnit). These do not cover everything, but they are a start. I have posted them to the source control URL only for now.

    Guillaume - thanks for the report and I'm glad that's fixed.
  • Fri, Jan 4, 2019, 11:21 PM
    In setings i have: Use sub tiles for activities (image 1)
    Some tiles are hidden
    When i click to edit the hidden tiles, the context menu (part of it) is in BACK. Even when i change order of tiles. Is this ok?
    I send some pictures to see.
  • Mon, Jan 7, 2019, 11:21 AM
    Hi. I recently installed this in my moodle and seems some icons are missing. Seems conflict with the current theme that I am using. I am using Space theme --> https://themeforest.net/item/space-moodle-template/22579922. They provide the same theme with this plugin which is font awesome. Tried switching to other theme and it really works well. Would appreciate any help coming from you or any member in the community.
Please login to post comments