Course formats: Tiles format

Maintained by Picture of David Watson David Watson
A course format which displays course topics as "Tiles", 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". Icons for each tile can be selected from a predefined set (i.e. the teacher does not need to upload them).
720 sites
39 fans

This plugin should be installed in the sub directory /course/format/tiles

Once installed:
  • the format will be available for an editing teacher to apply to any course (new or existing) under Course Administration > Edit Settings > Course Format
  • an Administrator will be able to see the plugin settings under Site Administration > Plugins > Course Formats > Tiles

The format does not require a particular theme to be installed (for example it should work with themes based on Boost, Clean, Essential, Moove and Adaptable).  It is designed to allow courses to be switched from the standard “Topics” format into “Tiles”, and back again, without any changes to course content being necessary.

Documentation and instructions are available at

Please favourite and support future improvements by donating!


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


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

Comments RSS

Show comments
  • Picture of David Watson
    Fri, Mar 8, 2019, 6:04 PM
    To answer the last few comments:
    - PDF modal - Moisés I will improve this in next week's release.
    - Label conversion - Owlsome I sent you a private message on Wednesday asking for more information - see the message icon at the top right of this screen. Label conversion seems to be working OK to me, but perhaps I need to understand better the issue you are having.
    - Different coloured tiles - Sergio there is no functionality for different coloured tiles. I think it would be too complex for users and you'd end up with a messy UI. You could change the font size by adding custom CSS as an admin setting (Site Administration > Plugins > Tiles format)
  • Picture of Phil King
    Sun, Mar 17, 2019, 7:25 AM
    Hi, for some reason the tile format isn't appearing on the mobile app. Is there a setting I am missing?
  • Picture of David Watson
    Sun, Mar 17, 2019, 4:18 PM
    Hi if you are using the app, you will see the standard app layout. Tiles will be shown if users access Moodle using their phone's browser.
  • Picture of Nicolas Guzman
    Wed, Mar 20, 2019, 6:43 AM
    Thank you for this amazing plugin!
  • Picture of Miguel Ángel Yerpes Ramírez
    Fri, Mar 22, 2019, 9:56 PM
    hello, first of all, thanks for the resource. I have a problem with using Internet Explorer 11. I can not open the tiles. Is not compatible with this browser? Thank you.
  • Picture of David Watson
    Tue, Mar 26, 2019, 7:26 PM
    Hi Miguel the animations are not compatible with internet Explorer. In the next release ( which I will upload here within a week or so) I will have the plugin detect if IE is being used, and switch to "no animation" mode for that user if it is.

    if you need a workaround with the existing release, users can turn off navigation themselves using the "Animated navigation off" control, or a site admin can disable animation for everyone under Site Admin > Plugins > Course formats > Tiles format (set these 4 controls to no/none: "Use javascript navigation from Tiles main page", "Use JS navigation for single section page", "Modal modules", "Modal resources")

    Thanks to you and Nicolas for the feedback!
  • Picture of Bruno Henrique Cury
    Wed, Mar 27, 2019, 9:54 PM
    Hi guys
    1. I have a problem.
    How do I insert a URL (HTML) in modal format?
    2. Another problem, when I put a page to show activity as completed when conditions are satisfied> The student should visualize this activity to complete it, not change by modal navigation between sessions or blocks, I need to click close to change the activity status.
    Thank you
  • Picture of Bruno Henrique Cury
    Wed, Mar 27, 2019, 11:44 PM
    When we leave editing mode enabled, leave all sessions on a single page expanded, this way it is easier to duplicate and drag an activity or any feature for the other sessions.
    Thank you
  • Picture of Bruno Henrique Cury
    Thu, Mar 28, 2019, 8:54 PM
    David Watson,

    The extended sessions probe can be seen in the plugin wiki. We solved this problem, thank you very much.

    But I believe that after you've changed "Ensure that completion checkboxes respond correctly to auto complete events" the questionnaires are also being marked as completed just by clicking on the questionnaires and tasks, but the correct thing is that they get a score to have the activities completed.
    Can you help us?
    Thank you
  • Picture of Kasper Nowak
    Sun, Mar 31, 2019, 7:44 AM
    Hi David! I love this plugin!
    Will the addition of pictures to Topic and Activity/Resources tiles ever be possible with this plugin?

  • Picture of Sébastien Auclair
    Sun, Mar 31, 2019, 10:40 AM

    Finally I can write in the forum. To resume my comments,

    I just love your Tiles race format. I have a small problem however regarding the resource layout. I do not want to use under tiles. In order to facilitate the structure and the sequence to follow for the students I use a lot the movement of resources to the right or to the left. It creates a sort of hierarchy between activities and resources. However, your theme does not support this option. Here is a video illustrating the problem:

    Also I do not understand why it is not possible to open a URL resource (such as a Youtube video) directly inside a pop-up window without having to make two clicks to fit in and also leave the heart of course. It would be an interesting improvement.

    Sincerely for almost a year I have experienced a ton of course format. Your is the most adapted and evolved I've ever experienced. Thank you.
  • Picture of David Watson
    Sun, Mar 31, 2019, 6:57 PM
    Hi addressing the last few questions:

    - Completion checkboxes - these are improved in version 3.3.6. Thanks to Bruno Henrique Cury for his help testing this behind the scenes.

    - Using photos on tiles - Kasper I added an FAQ about this. Maybe one day we could do it, if I get some more time, but no immediate plans. Grid format does offer this.

    - URL activity intermediate screen (too many clicks) - I hope to remove the intermediate screen in version 3.3.6, so this should be improved very soon.

    - Indenting activities in non-subtiles mode - Sébastien thanks for reporting this and for your kind comments. I have made some changes and indenting should be supported in version 3.3.6.

    - Embedding other websites in modal windows - I added an FAQ about this (please see the new "FAQs" button above). My latest thinking is that we could allow URL activities to launch as modal windows if the URL activity is set to "Display: Embed". I will come back to this once version 3.3.6 is done, but no change in this release.

    - Leaving sections expanded in editing mode - from version 3.3.6, the plugin will remember the last section you had expanded and, if you had all sections expanded, it will keep it that way for the session.

    I hope we can get version 3.3.6 released later this week, but more testing is required first.
  • Picture of David Watson
    Tue, Apr 2, 2019, 5:20 PM
    The code now showing at the source control URL (link at the top) is the code I intend to release as 3.3.6. I will be offline for a few days now, so am planning to upload the code to at the weekend. If you test it before then and have any feedback, please let me know. Thanks.
  • Picture of John Downing
    Mon, Apr 8, 2019, 7:21 AM
    Amazing Course format option. Thank you very much for all the hard work!
  • Picture of Tom Andrew
    Wed, Apr 17, 2019, 6:31 PM
    Just a quick note to say thank you for developing and continuing to develop this plugin. The recent addition of the javascript workaround for Internet Explorer is most appreciated!
1 2 3 4
Please login to post comments