Moodle Plugins directory: Tiles format | Moodle.org
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:
20767 sites
6k downloads
451 fans
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

Contributors
David Watson (Lead maintainer)
Please login to view contributors details and/or to contact them
I found out that there is a problem with the visibility of hidden sections. In the theme format, you can adjust whether a student can see or not hidden sections in the left hand list (and also in the mobile app). The options for the teacher to choose are a) only hide the content / make the access impossible but see that there is a section or b) hide everything completely.
The tiles format behaves according to these settings in the theme format. So a teacher from my school asked me why the pupils could see sometimes the hidden sections an in other courses not. It would be much better if there was an option in the settings of the tiles format that allows that choice as well, otherwise it's quite complicated and at the end as well too difficult to handle.
To show the problem I've made a video - sorry, the writings are in german, I hope you see what I mean: https://cloud.arcoworld.de/s/LaPo8xb9fL5G2DB
I've tried it out in different Moodle branches until 4.5 and the corresponding tiles format plugin versions.
Thanks a lot for your work and assistance!
there is a problem with the subsections in the course index , when we click in the course index on any subsection the main page turn gray and not showing the subsection but it close any opened tile or if there is nothing open only grays the surrounding (animated navigation enabled).
It looked like it was a VPN that was causing issues for the first two. They had to completely remove it from their device - not just disable it - for some reason.
The user today has removed it but I'm not sure if he's recieving the messages still. He did say that it's working on another device so I'm pretty confident it's something on his machine that's causing it.
Moodle 4.1.11 and php 8.1
Could you please advise if it’s possible to adjust the layout so that there are three tiles per row instead of four, making them slightly larger? I need to add steps from 1 to 6 in my course and label them, for example, Step 1. Challenge and Objectives. However, this text is quite long and currently appears on two lines.
Es importante destacar que sí es posible acceder a todos los recursos sin ningún problema utilizando el índice del curso que se muestra en el panel lateral izquierdo. El problema ocurre exclusivamente al intentar navegar a través de los mosaicos. Detalles del Entorno:
Versión de Moodle: 4.3.3
Versión del Formato Mosaico (Tiles Format): 4.3.0.64
Versión del Tema: Universe 1.5.8
It's important to note that all resources can be accessed without any issues using the course index displayed in the left sidebar. The problem occurs exclusively when trying to navigate through the tiles. Environment Details:
Moodle Version: 4.3.3
Tiles Format Version: 4.3.0.64
Theme Version: Universe 1.5.8