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:
11300 sites
259 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, Jan 24, 2019, 10:52 PM
    Thanks Matias.

    You are right - at present, restricted sections are always hidden from students until they satisfy the restrictions. To bring this into line with other formats (where the teacher is allowed to show the sections but greyed out) I have just pushed a change to the code up to the source control URL. You can try this now if you like (link above). I hope that helps. I plan to add it to the next release.
  • Fri, Jan 25, 2019, 8:38 PM
    Awesome, thanks David!!
  • Mon, Jan 28, 2019, 4:34 PM
    Hi David,

    Thanks for what looks like a versatile format. I have one problem with regard to labels that I can't seem to resolve. For some reason, the labels in my course are duplicated. That is, though the label appears correctly in topics format, it displays twice when using the tiles format. Do you have any idea what would cause this?
  • Mon, Jan 28, 2019, 5:31 PM
    Hi Mathieu this will be fixed in the latest release, which I plan to upload either today or tomorrow. The new code is already on the source control URL (link above) if you want to download it from there before then.
  • Mon, Jan 28, 2019, 10:14 PM
    Yikes, that was a quick fix, David. Brilliant! I have installed and it did indeed fix the problem. However, I have one other problem when using Tiles with the essential theme. In edit mode, none of the buttons seem to work. For example, the "edit settings" menu shows, but nothing that I click therein works. It just does nothing. Is this some issue related to the Javascript?
  • Tue, Jan 29, 2019, 10:44 PM
    Thanks for the updates. The last icons are not in lang file. Can you add it? TRANSLATION.
  • Wed, Jan 30, 2019, 7:11 AM
    Is this a error? Take a look at snapshot (image): https://imgur.com/a/hbxtT2c
  • Wed, Jan 30, 2019, 6:24 PM
    Thanks Dinis I have added the icon titles and music icon string to the next release. Mathieu - I have sent you a private message asking for more information about the Essentisal theme issue, but also included a change in the next release which may help. I will upload the release with these changes early next week (in the meantime both are on the source control URL).
  • Thu, Jan 31, 2019, 4:31 AM
    Once again THANKS for supporting and updating the plugin.
    The page language is Portuguese (PT). Colors of tiles ars translated but when you move mouse over mouse circles of color the title is English.
    I think title is not "linked" to lang string. See image
  • Thu, Jan 31, 2019, 5:27 AM
    No problem Dinis. The strings you are seeing here are actually from your local environment's plugin settings - you can change them under Site administration > Plugins > Course formats > Tiles format. Any Portuguese language user who installed the plugin afresh *today* would see the Portuguese string as intended, and no English string at all. There is a complication for users who installed the plugin before the Portuguese strings existed - you are in this position which is why you see the English string as your local string in the setting, even though the default is now Portuguese. As this will only affect a minority of users, and no new users, and can be changed locally to the defaults, I think it best to leave this point as it is for now. I hope that makes sense.
  • Fri, Feb 1, 2019, 1:28 AM
    Hello Dinis your plugin is amazing. But I have a little problem, when using stealth activities, they still show to students. I have them configured as avaible but not shown, but they still show to students.
  • Fri, Feb 1, 2019, 3:10 AM
    Sebastian please try upgrading to the new plugin version (3.3.3) as I believe this will fix your issue. If it doesn't help, let me know. Thanks I'm glad you like it!
  • Fri, Feb 1, 2019, 4:42 AM
  • Fri, Feb 1, 2019, 10:23 PM
    Thank you so much it works now!
  • Wed, Feb 13, 2019, 10:53 PM
    Hi David and thanks for a great format!
    Some questions:
    - will it be possible to adjust tile size in the future? They are too large for my purposes.
    - will it be possible to define tile- and subtile-colors? Our company has a strict corporate design...
    - will it be possible to insert images instead of icons to use as tile-background?

    Thanks in advance for your answers. And once again: great job!
Please login to post comments