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:
18151 sites
7k downloads
429 fans
Current versions available: 8
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

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

Show comments
  • Yannis Maragos
    Alats, 13 Mey 2024, 2:59 PM
    Hi David,

    It would be great if you could update format.php to use methods from the renderer instead of
    using render_from_template() directly. This would allow us to override the renderables in the theme.
    For example:

    public function render_multi_section_page($course) {
    $templateable = new \format_tiles\output\course_output($course, false, null, $this);
    $data = $templateable->export_for_template($this);
    return $this->render_from_template('format_tiles/multi_section_page', $data);
    }

    public function single_section_page($course, $displaysection) {
    global $SESSION;
    $SESSION->editing_last_edited_section = $course->id . "-" . $displaysection;
    $templateable = new \format_tiles\output\course_output($course, false, $displaysection, $this);
    $data = $templateable->export_for_template($this);
    return $this->render_from_template('format_tiles/single_section_page', $data);
    }

    Thanks!
  • Stephan Robotta
    Zom, 24 Mey 2024, 3:32 AM
    Hi David,

    I used your plugin in a 4.5dev Moodle with PHP 8.2.13 installed. Due to the fact that I have enabled warnings, I got a few errors that I had to fix before using the plugin. I also created a pull request for these changes for your master branch.

    Best regards, Stephan
  • Wynand Louw
    Asab, 1 Jon 2024, 11:18 PM
    Hi David

    When using the experimental feature in Moodle 4.4+ nothing on the left Course index is showing.
    Use course index format_tiles | usecourseindex

    Using Boost Union and LearnR template.

    Thanks for this wonderful layout.

    When I want to register the plugin, I also get an error. Your tiles plugin is not yet registered with the plugin developer:

    Exception - Too few arguments to function format_tiles\registration_manager::make_curl_request(), 2 passed in [dirroot]/course/format/tiles/editor/register.php on line 68 and exactly 3 expected
  • Wynand Louw
    Tal, 4 Jon 2024, 12:21 AM
    I have upgraded to the new version 2024051800 but the registration error remains the same.
    The Experimental feature is now working and showing the index in the left column.
  • Wynand Louw
    Alah, 14 Jol 2024, 11:04 PM
    David, why are some photos displayed in black and white and not colour when replacing the Icon?
  • Owain Jones
    Asab, 20 Jol 2024, 11:53 PM
    Great work on this format. It looks great.

    Unfortunately, filters only seem to work when a tile is loaded the first time, but do not seem to be applied when the tile is clicked for a second time. Filters are also not applied to Pages that are opened (in pop-up mode). Did you call the format_text() function on these?

    Thanks again.
  • Birgit May
    Tal, 27 Aog 2024, 2:21 AM
    Hello,

    we are using the course format Tile and with the recent update you have to active the feature "Use course index" in the plugin. Before this feature was by default active and now it's tagged as Experimental feature. Our question ist how experimental it is? Are there any performance issues?

    Thanks,

    Birgit

  • malika sais
    Alak, 29 Aog 2024, 5:45 PM
    quand j'ai installé ce plugin j'ai comme erreur
    Exception : Class "format_base" not found

    comment resoudre ce probleme merci.
  • David Watson
    Alak, 29 Aog 2024, 10:34 PM
    Birgit it sounds like you may not have the latest version of the plugin, since the course index stopped being experimental for tiles in releases from June 2024. It was originally introduced as experimental only as a cautious way to introduce it. You can see your installed plugin version by going to [your moodle URL]/admin/plugins.php and searching for tiles.
  • David Watson
    Alak, 29 Aog 2024, 10:38 PM
    Malika Veuillez vérifier que vous utilisez la bonne version du plugin pour votre instance Moodle. Par ex. si vous utilisez Moodle 4.4, vous devez utiliser la version 4.4 du plugin. Versions: https://moodle.org/plugins/format_tiles/versions
  • David Watson
    Zom, 30 Aog 2024, 12:38 AM
    Owain filters seem to work for me. If you'd like to contact me with further information, you can at https://evolutioncode.uk/contact
  • Nicolas Dunand
    Tal, 10 Sep 2024, 11:50 PM
    Hello,
    Thanks for this great plugin!
    Using the latest version on Moodle 4.4 we noticed that changing an activity title to a string containing characters like &, <, or > replaces theses with their HTML equivalents, i.e. displays "&". The issue appears when exiting edit mode.
  • José Gerardo Díaz Estepa
    Alak, 12 Sep 2024, 9:20 PM
    Hi David
    It is possible that the tile format allowed for stealth activities, meaning that the tile could be available but not visible on the course page. To organize the course content.

    Thanks
    José Gerardo DÍAZ ESTEPA
  • Adarsh shah
    Alats, 23 Sep 2024, 1:04 PM
    Hello
    I am installing format_tiles plugin in moodle 4.4 but getting error after installing
    Callback before_standard_html_head in format_tiles component should be migrated to new hook callback for core\hook\output\before_standard_head_html_generation

    I have also created issue for this in bitbucket and the issue url is https://bitbucket.org/dw8/moodle-format_tiles/issues/224/getting-but-after-installation

    Please fix this error for better experience
    Thanks
  • Astrid Kollmann
    Alak, 10 Okt 2024, 4:52 PM
    Hello David!
    Thank you for the helpful plugin that makes the user experience fancier and simplified, I like it!
    I am using it for my course page now and discovered that H5P acitivites are not shown in a modal window yet. Could you add this feature for the future? That would we wonderful, since now that cuts into the otherwise smooth user experience and makes it more difficult, especially for unexperienced users. Thank you for your helpful work! Kind regards,
    Astrid
Please login to post comments