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
4k downloads
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


Tiles

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.

Screenshots

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

Contributors

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

Comments RSS

显示评论
  • 2022年01月18日 星期二 15:42
    Is there a way to made the "all courses" page in tiles like inside independent course?
  • 2022年02月1日 星期二 20:07
    Hi. We're running version 3.9.0.5 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?
  • 2022年02月10日 星期四 09:11
    Is there a way to get the topics page to open on a new page instead of below the tiles?
  • 2022年02月21日 星期一 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.
  • 2022年02月24日 星期四 02:58
    Will this plugin be available for Moodle 4.0?
  • 2022年03月2日 星期三 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.
  • 2022年03月17日 星期四 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.
  • 2022年03月18日 星期五 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 !
  • 2022年04月10日 星期日 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.
  • 2022年04月14日 星期四 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 3.9.0.13
    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?
  • 2022年04月27日 星期三 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?
  • 2022年05月13日 星期五 03:23
    Can you update for Moodle 4.0 please
  • 2022年05月16日 星期一 20:40
    Hi, I'm just planning my 4.0 upgrade. Not to put pressure on, but do you have a projected date yet?
  • 2022年05月17日 星期二 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?
  • 2022年05月20日 星期五 19:11
    Hola,
    ¿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.
    Gracias.
    Nieves
1 2 3 4 5 6 7 8 9 10 11 12 13 14
Please login to post comments