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:
11300 sites
3k downloads
260 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 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

Comments

  • Fri, Mar 1, 2019, 7:47 PM
    Jan I have added the answers to your questions to a new FAQs page on the wiki at https://bitbucket.org/dw8/moodle-format_tiles/wiki/FAQs
  • Fri, Mar 1, 2019, 10:27 PM
    I can't seem to figure out how to get subtiles. They all show in list form. I've confirmed that in the plugin setting the checkbox is marked to allow subtiles. I've looked in plugin settings, course settings, section settings and activity settings and I can't see any place to indicate to use subtiles within a section or to turn an activity into a subtile. I'm using the "Adaptable" theme - perhaps that's the problem?
  • Fri, Mar 1, 2019, 10:31 PM
    Nevermind! I found it! smile sneaky little checkbox!
  • Mon, Mar 4, 2019, 6:31 PM
    Thank you for this great plugin. Just one question: is it possible to fix the maximum number of titles for each row?
  • Mon, Mar 4, 2019, 10:00 PM
    No problem Filippo. You can't fix the number of tiles per row, because users all have different screen widths, and for narrow screens with a fixed number of tiles, users would have to scroll the whole screen across.

    However, if you are a site administrator, you can change the tile width if you like - this would give you more or fewer tiles per row as standard if that is any use. There is an FAQ about tile width here: https://bitbucket.org/dw8/moodle-format_tiles/wiki/FAQs
  • Wed, Mar 6, 2019, 9:38 AM
    Absolutely love this Tiles format layout. However, I have a little problem on Converting the label to page feature. Well i have added a Label from Activity, ( Ex: With a Label name WEEK 1 follow with some tiles such as Chapter File, Quiz, Assignment...) I would like to make the "Week 1" Label become a page, therefore i went on "week 1" label editing drop down menu choose "Convert to page". But the result of "Week1 label" it still turned out another tiles like others, instead of a page session with navigation bar on top. Wondering if i have Missed any step? i did check on the course edit setting, but cant find anything related to edit the label to page. Did i miss out some setting ? Please advice, looking forward to hear from you soon. thank you!!
  • Wed, Mar 6, 2019, 11:16 AM
    When updating to version 3.3.4, in the Theme Boost and Tema Moove, the PDF documents in modal format are cut as shown in the following image: https://imgur.com/00vjXHy. This happens with the tiles format version. I have tested the plugin in the moodle version 3.5 and 3.6. For now I will continue working with version 3.3.3 of the plugin. Please review the problem. Thank you.
  • Fri, Mar 8, 2019, 5:14 AM
    I want to add a diferent color to each tile, and to have the same tile title font size, it is possible?
  • Fri, Mar 8, 2019, 11:54 AM
    Absolutely love this Tiles format layout. However, I have a little problem on Converting the label to page feature. Well i have added a Label from Activity, ( Ex: With a Label name WEEK 1 follow with some tiles such as Chapter File, Quiz, Assignment...) I would like to make the "Week 1" Label become a page, therefore i went on "week 1" label editing drop down menu choose "Convert to page". But the result of "Week1 label" it still turned out another tiles like others, instead of a page session with navigation bar on top. Wondering if i have Missed any step? i did check on the course edit setting, but cant find anything related to edit the label to page. Did i miss out some setting ? Please advice, Looking forward to hear from you, hopefully can solve this one particular problem very soon as the project could kick start anytime from now. thank you very much!
  • 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)
  • 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?
  • 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.
  • Wed, Mar 20, 2019, 6:43 AM
    Thank you for this amazing plugin!
  • 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.
  • 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!
Please login to post comments