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:
10747 sites
252 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, Jun 17, 2021, 1:11 AM
    I need icons util number 16, is there more that I can download, or do I have to make my own? if so, what's the font?
  • Thu, Jun 17, 2021, 4:09 AM
    Hey Luis,

    I've done this with my site by adding extra numbers to the "course > format > tiles > pix > tileicon" folder. I've actually got 1-19, so I'm more than happy to send you 1-16 if you need. I've copied the font and style of the original icons.

  • Tue, Jun 22, 2021, 1:52 AM
    Thank you for the info, Richard, that was exactly what I needed. If you can share your icons, I would be beyond thankful to you.
  • Tue, Jun 22, 2021, 7:57 PM
    Hi again Luis. Sure thing. I've added them to a Google Drive folder here:


    Let me know if that works.
  • Wed, Jun 23, 2021, 11:28 PM
    T-H-A-N-K- YOU SO MUCH!, I just need to add them.
  • Mon, Jul 5, 2021, 8:09 PM
    Hi, this format is good, and will be better if it can has pop-up activity format's feature
  • Wed, Jul 7, 2021, 4:59 PM
    Hi all a new release candidate is now available (see under "Versions" above). Please test this and report any issues. It includes completion tracking and other fixes (for example @Daniel Gandolfo the external tool new window issue) .

    Pending community testing (please), I have marked it as being for Moodle 3.11 only. However I have tested it in Moodle 3.9 - 3.11 and automated tests are passing there so, if community testing goes well, I will release this as "stable" to Moodle 3.9 - 3.11 at the end of July 2021. (I have not yet tested it for Moodle 3.8, but plan to run the automated tests soon. Please test if you can.)
  • Wed, Jul 7, 2021, 10:35 PM
    Thank you. I upgraded to 3.11.
    After changing course format to another format and then back to tiles, all previously set custom tile images disappear.
  • Wed, Jul 7, 2021, 10:55 PM
    Yes this is a limitation at present (always was) - photos are included in course backups but, if you change the format, the photos will go. It's not ideal and, in the next few months, I plan to change the way the plugin stores the photo information, moving it from the standard Moodle course format options (which are cleared when the format is changed) to its own custom storage. This will ensure that the information is preserved even if the format is temporarily changed.
  • Thu, Jul 8, 2021, 4:57 PM

    For information :

    On 3.11, the animated navigation (JS) crashes the Latex formulas (via Mathjax).
    You must modify the plugin settings to disable animated navigation by default.

    The problem is, when a student marks an activity as completed, it also appears to be using JS, and it also crashes the Latex formulas.
  • Fri, Jul 9, 2021, 8:25 PM
    I updated the release candidate for 3.11 with some additional fixes. @Maxime please try the latest version with Mathjax
  • Sun, Jul 11, 2021, 12:27 PM
    Test release candidate, run well in 3.11
  • Fri, Jul 16, 2021, 7:30 PM
    can you remove the css code which change modal header (.format-tiles .modal-header)? At this moment this code change all modal windows on the page.
  • Fri, Jul 16, 2021, 9:43 PM
    format style change also tooltip. I think you should add additional css class to modify style in course fromat container.
  • Fri, Aug 6, 2021, 11:57 PM
    Hi everyone!

    I have a problem when I'm uploading the tuile photo.
    Display an erreur: "Exception : imagejpeg() expects at most 3 arguments, 4 given"
    So I can't upload the tuiles photos. Does anyone know the reason?
    Thank you in advance smile
Please login to post comments