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:
12477 sites
279 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 4.0: The beta version of Tiles for Moodle 4.0 will be released in May 2022.  The stable release is likely to follow in June 2022. Significant changes will be needed, so existing released versions of the Tiles plugin will not work with Moodle 4.0.  if you want to use Tiles with Moodle 4.0, you will need the update.

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

Vis kommentarer
  • ti., 18 jan. 2022, 15:42
    Is there a way to made the "all courses" page in tiles like inside independent course?
  • ti., 1 feb. 2022, 20:07
    Hi. We're running version of Tiles format and it doesn't appear to work with the Blackboard Ally accessibility tool. The 'Alternative Formats' button doesn't appear alongside tiles that contain documents etc. Any idea if this has been fixed in a later version?
  • to., 10 feb. 2022, 09:11
    Is there a way to get the topics page to open on a new page instead of below the tiles?
  • ma., 21 feb. 2022, 14:59
    Hi there, my organisation, OPENCOLLAB, supports client Moodle environments. Many of our clients love the Tiles course format that you have developed.

    One of our clients has requested that we adjust the Tiles course format to prevent it from navigating to the tiles section of the course page upon landing. We attempted turning off JavaScript navigation but then noticed some visual artifacts.

    Please advise whether the above could be achieved easily. The client specifically requested that the user lands at the top of the page so that they can see the course title and description area.
  • to., 24 feb. 2022, 02:58
    Will this plugin be available for Moodle 4.0?
  • on., 2 mars 2022, 18:15
    Like many other people here, we are also recieving negative feedback on the automatic scrolling to tiles upon page-load.

    I managed to disable it by commenting out line 678-684 and line 977 in tiles/amd/src/course.js:

    Line 678-684:
    // if (openTile !== 0) {
    // tileFitter.init(courseId, openTile, fitTilesToWidth, false);
    // } else {
    // // Set focus to the first tile (not section zero).
    // $(Selector.TILEID + "1").focus();
    // tileFitter.init(courseId, null, fitTilesToWidth, false);
    // }

    Line 977:
    // $("ul.tiles .tile").first().focus();

    You will have to compile a new .min.js version for tiles/amd/build, or replace the min.js version with the modified version from tiles/amd/src.

    This is probably not a good fix for this problem, and it will have to be done manually after upgrading the plugin etc., but without the option within the plugin to disable the automatic scroll, it is a must for us, to do it like this for now.
  • to., 17 mars 2022, 06:02
    Is it possible with Tiles to open each section up in a screen of its own, similar to how "Show one section per page" works instead of as a modal window inside the course page? I couldn't find an option too do so.
  • fr., 18 mars 2022, 03:25
    Nous avons présentement un bug suite à l'installation de la version 3.11.5 de Moodle. Sur iPad/Chrome, la tuile se referme instantanément après l'ouverture sans possibilité d'accès au contenu. Nous n'avons pas ce problème sur iPad/Safari ou sur PC/Chrome ou Mac/Chrome. Est-il possible d'apporter un correctif lors de la prochaine mise à jour, svp ? Merci !
  • sø., 10 april 2022, 06:37
    Hi David! I have a problem trying changing the color per tile in a course.

    Tried using #tile-2 border-top-color: to change the color for my second tile and everything works fine but if i try to change another one, doesn't work.
  • to., 14 april 2022, 03:47
    Hello, I am having a problem with the images of the tiles.
    I have a Moodle version 3.8.2+ (Build: 20200408) and I have this plugin installed in version
    2020080613. The problem arises when loading an image for the tiles, they randomly disappear after a while. The system does not throw any error message. Any recommendation to solve this problem?
  • on., 27 april 2022, 19:03
    Hello. I have a problem. The home page shows the message "Click here if the page fails to load." I always need to click to open, but I would like the course to open directly. How do I fix this problem?
  • fr., 13 mai 2022, 03:23
    Can you update for Moodle 4.0 please
  • ma., 16 mai 2022, 20:40
    Hi, I'm just planning my 4.0 upgrade. Not to put pressure on, but do you have a projected date yet?
  • ti., 17 mai 2022, 00:54
    Our team at Los Angeles Pacific University would love to test and provide feedback on the Moodle 4.0 beta version. How would we go about getting this?
  • fr., 20 mai 2022, 19:11
    ¿Hay alguna forma de definir el numero de mosaicos por fila?
    Ya he visto que el Admin puede definir el ancho de los mosaicos como CSS, pero seria muy interesante que en cada curso se pudiese definir cuantos mosaicos se quiere en una fila.
    Aportaría mucho a la estética del curso.
1 2 3 4 5 6 7 8 9 10 11 12 13 14
Please login to post comments