Course formats: Tiles format

Maintained by Picture of David WatsonDavid 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.
2090 sites
92 fans
Current versions available: 1
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
Please favourite and support future improvements by donating!

News 21 May 2019

Version 3.7.0 has just been released as a "beta". It allows for tiles to have photo backgrounds and has various other improvements. Read more and see the demo site here or download the 3.7.0 code here

Please contact me with any issues arising from your testing.  I will carry out any bug fixes, aiming to upgrade it to a "stable" release within the next few weeks.  I have marked it as compatible with Moodle 3.7.  I'd like to thank WU Executive Academy in Vienna for sponsoring the photo tiles feature and kindly agreeing to share it with the community.

If you do not wish to test the beta version, please use the most recent stable version (3.3.6) instead for the time being.


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


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 Vishal E
    Wed, Aug 21, 2019, 5:56 PM
    why i can't mark the label for activity completion? in other course formats, it is possible, not in this.
  • Picture of Vishal E
    Wed, Aug 21, 2019, 7:27 PM
    i observed two things regarding completion tracking..
    1. when sub tiles are used for activities, labels don't even show checkbox to mark it complete.
    2. when subtitles are not used, labels do show checkboxes, i can mark them. but on homepage, on main tiles, these are not counted.
  • Picture of Roland Fines
    Wed, Sep 11, 2019, 9:27 PM
    Hi this rules is not specific enough and affect all buttons inside a course page.

    .format-tiles .btn:hover { background: inherit; }

    Could you make more specific so it doesn't affect all btn?

  • Picture of sushumna rao
    Thu, Sep 19, 2019, 11:05 AM
    Thanks for such a lovely plugin. I am trying to use in Moove theme. I wanted some change in font type in topic names so added that in custom CSS and added some google fonts in additional HTML. It works fine without Tile format. But with tile format the section name is not displaying with updated font style. How to do this? Any help?
  • Picture of sushumna rao
    Thu, Sep 19, 2019, 1:10 PM
    Got the solution!! smile Just need to add custom css in Plug in settings too!!
  • Picture of Esneider Ozuna
    Thu, Sep 19, 2019, 9:24 PM
    when I load the initial page of the course I see that the page goes down directly to the Tiles, this is a problem because I have to go up the page again to see the cover and presentation of the course.
    Does anyone know how to solve this?
  • Picture of Jeremy Virgo
    Fri, Sep 20, 2019, 1:50 PM
    Hi David,
    Could you consider adding an announcements display tile? We have your Tiles, and we dislike the default blocks at the top and side.
    We have an RSS workaround, but it would be nice to have it integrated!
  • Picture of Jaskirat Singh
    Wed, Sep 25, 2019, 1:27 PM
    We are using moodle 3.7 version.
    We started using tile format inside the course.
    While customizing, we are finding a difficulty in changing the icon picture of tiles in sub-activity.
  • Picture of Pablo Rios
    Thu, Sep 26, 2019, 6:04 AM
    Hola, es un excelente plugin, tengo una duda ¿como cambio el icono de las actividad cuando esta en sub mosaico? , ya que si es una pagina o un juego me muestra el mismo icono
  • Peter Jonker
    Wed, Oct 16, 2019, 5:46 PM
    Hi David, we are using this format which works great. We also add the resource URL to our course with either a link to an external site or an internal Moodle link. The URL resource is set to open in a 'New window'. In IE11 however it does not open a new window but opens in the same window as Moodle. In Chrome it opens a new window.
  • Picture of Kees Koopman
    Fri, Oct 18, 2019, 4:50 PM
    Hello David,

    What a great plug-in. I use it like a lot.
    I set that I want to sub-tiles activities.
    I have a request for that.
    I also want to be able to choose an image from the sub-tiles.
    Is that already possible (how?) Or is this something to work out in the near future?

    Kees Koopman
  • Picture of User Mens
    Mon, Oct 21, 2019, 11:13 PM
    We are using moodle 3.7 with your pluggin
    I have course with 3 topic I want open activity in single click
    right now open one page the need to click activity name again we need click your tile then open activity dierectly
    Please help me
    Thank you
  • Picture of Acqua Alta
    Tue, Oct 22, 2019, 4:05 PM
    Hi Shiraz,
    Are you talking about the need to click the "Click X link to open resource" after clicking X for the first time?
    Please see the following discussion:

    I was told that this issue is supposed to be fixed in the newest version of the plugin, but I don't have it myself so I don't know for sure.
  • Picture of User Mens
    Wed, Oct 23, 2019, 6:42 PM
    Hi Acqua Alta
    I have 1 Course with 3 Articulate Scorm Topic
    I make 3 Activity Tile with This plugin
    But Issue is Ones Student Click Tile This Scorm package not open direct
    Its Showing One Drop Down Like then Showing One Link with Activity Name
    Is it any option single Tile Click open Activity Direct

    Thank you

  • Picture of Fukushima Daisuke
    Tue, Nov 5, 2019, 9:06 PM
    Hi David,
    When I add file (mov) to the titles, it appends redirect=1 to the desination URL. While this works fine on the modern browsers as the movie is played in the browser, however, using IE, this prompts a user to either play or download. Are there anyways to disable redirect=1? or I have to embed the mov to a page to work around this?

1 2 3 4 5 6 7
Please login to post comments