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


  • Tue, Apr 21, 2020, 4:11 PM
    hi there - i have just started using this course format, I have noticed that if i add a summary to the tile title topic then i cannot access the rest of the learning materials. Is this correct or am i missing something. I liked the idea of having a brief intro about what will be studied in the tile topic
    thank you muchly smile
  • Mon, May 18, 2020, 5:59 AM
    Version 3.7.0 "beta" working fine in moodle 3.8.3!
  • Wed, Jun 3, 2020, 1:52 PM
    Can you please share css for changing tile color, I am unable to do it
  • Peter Jonker
    Wed, Jun 3, 2020, 3:58 PM
    We used the css below to change the font and color, maybe this helps?

    //smaller font (sub)tiles & color

    .format-tiles .course-content ul.tiles .tile.phototile .photo-tile-text h3 {font-size: 10px;}
    .format-tiles li.activity.subtile a, .format-tiles #page-content li.activity.subtile a {color: #fff; font-size: 10px;}
  • Thu, Jun 4, 2020, 8:06 PM

    I could enable to choose the icon also in the sub-blocks.

    It would look very top.

    Hellen Velasques
  • Fri, Jun 12, 2020, 12:41 AM
    FIrstly, thanks for the format - I love the compactness of it and the ability to keep things on "one page." An issue I just stumbled across is trying to use jQuery UI tabs (in a section or on a page in a pop-up). I'm inputting these using the Generico plug-in, but they just use the standard jQuery, I believe. If I look at a page or section on its own, or in an editor, it works as expected, it's when it is expanded, or in the pop-up window that it breaks. Any suggestions, or is this just not possible in combining the two?

  • Sat, Jun 13, 2020, 7:42 PM
    1. I wanted to use the Bootstrap Elements Plugin. However, there appears to a conflict with Tiles Course format Plugin which I am using with the Lambda theme. I wanted it to display some text, images, etc in a popup. When I use the Tiles Course format plugin, nothing happens when I click on the bootstrap element. I think there is a script that overlaps between plugins from tiles and bootstrap.
    Any help appreciated
  • Fri, Jun 19, 2020, 4:46 AM
    I'm using Moodle 3.8.2 and was wondering if there is a way to use Font Awesome icons for the icon picker? If so, how? If not, are there any plans to implement them in the future?
  • Tue, Jun 23, 2020, 10:27 PM
    Any update? Is David Watson ok?
  • Felipe Raimo
    Wed, Jun 24, 2020, 2:49 AM
    Hi David,

    A small suggestion to allow more entries for new colors in addition to the six existing colors in the course context settings smile

    I used new entries manually in: tiles/setting.php

    $brandcolourdefaults = array(
    //new colors
    '#FFF738' => get_string('colouryellow', 'format_tiles'),
    '#FFFFFF' => get_string('colourwhite', 'format_tiles'),
    '#A7ABA9' => get_string('colourgray', 'format_tiles'),
    '#DB67BC' => get_string('colourrose', 'format_tiles'),

    And other new entries manually in: tiles/lang/en/format_tiles.php
    //new colors
    $string['colouryellow'] = 'Yellow';
    $string['colourwhite'] = 'White';
    $string['colourgray'] = 'Gray';
    $string['colourrose'] = 'Rose';

    A new option to insert new colors after the standard color pickers in: /admin/settings.php?section=formatsettingtiles it would be perfect for us!

    Thanks for the great plugin!

    Felipe Raimo
  • Thu, Jun 25, 2020, 12:02 PM
    I would like to know if they are going to create the tiles format for version 3.9 of Moodle and if they are going to get it by what date it would be released. It really is excellent. very professional and very instinctive for students. It is the first time that I find a format that has enchanted our students.
  • Thu, Jul 2, 2020, 11:05 PM
    I think we need to be a bit patient for moodle 3.9. The plugin installs fine but when creating an activity with it, during my testing the activity was inserted in the wrong section. It randomly created a "Section 347" in the course... Maybe the new activity screen breaks something.
    Best regards, Stephane
  • Thu, Jul 2, 2020, 11:40 PM
    Hi a new version for 3.9 is coming soon and have updated the page header above to reflect this. Apologies I have not had much time.
  • Thu, Jul 23, 2020, 12:58 AM
    Hi David - hope you're well.

    We are really interested in the 'Points of View' plugin where users can give visual feedback on activities and resources. It would appear to work in almost all course formats - except Tiles. I've tried both settings for displaying activites are tiles or not, but still no joy. The plugin should place an emoji to the right of the activity/resource.

    Any ideas why or what could be done to get it working? It really is hugely useful. Link: https://moodle.org/plugins/block_point_view


  • portrait
    Thu, Jul 30, 2020, 12:28 AM
    Hi David, I tried sending a message via the contact form on https://evolutioncode.uk/ but I kept getting a message saying "Sorry we could not send your message".
Please login to post comments