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:
16759 sites
6k downloads
402 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

Comments

  • Daniel Segura
    Fri, 1 Oct 2021, 3:25 AM
    Dear good work. What every administrator expects from a type of course. When trying to edit a module I get the following error. My moodle is version Moodle 3.11.3 (Build: 20210913)

    ______

    Excepción - Unknown named parameter $

    Más información sobre este error

    ×Información de depuración:
    Error code: generalexceptionmessage
    ×Trazado de la pila (stack):
    line 704 of /course/format/lib.php: Error thrown
    line 656 of /course/format/tiles/lib.php: call to format_base->create_edit_form_elements()
    line 47 of /course/editsection_form.php: call to format_tiles->create_edit_form_elements()
    line 214 of /lib/formslib.php: call to editsection_form->definition()
    line 915 of /course/format/lib.php: call to moodleform->__construct()
    line 104 of /course/editsection.php: call to format_base->editsection_form()
  • Keenan Nunes-Vaz
    Thu, 7 Oct 2021, 10:01 AM
    Hi David, thanks for developing this great plugin. Do you have any plans to implement support for the Moodle App?
  • Koen Stevens
    Wed, 20 Oct 2021, 1:51 AM
    Hi David,

    For the External Tool activity, the LTI opens correct in a new window when a users clicks on the activity on the cours page (as configured).
    But as a result, the course page changes to the LTI activity page, while the existing tab should still contain the course page.

    Starting situation: on a course page ~ https:///course/view.php?id=xx
    Action: users clicks on External Tool-activity
    Expected result:

    LTI opens in a new window/new tab (as configured)
    & the course page stays displayed in the existing tab

    Actual result (NOK, only partly OK) :

    OK : LTI opens in a new window/new tab (as configured)
    NOK : on the existing tab/window, the course page is no longer displayed, but the lti-activity page is displayed ~ https:///mod/lti/view.php?id=yyyy)

    Cheers,
    Koen
  • Vladyslav Grinko
    Tue, 18 Jan 2022, 3:42 PM
    Is there a way to made the "all courses" page in tiles like inside independent course?
  • Cathal O'Riordan
    Tue, 1 Feb 2022, 8:07 PM
    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?
  • Bob Gilmore
    Thu, 10 Feb 2022, 9:11 AM
    Is there a way to get the topics page to open on a new page instead of below the tiles?
  • Steyn Grobler
    Mon, 21 Feb 2022, 2:59 PM
    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.
  • Ridhima Suri
    Thu, 24 Feb 2022, 2:58 AM
    Will this plugin be available for Moodle 4.0?
  • Preben Pedersen
    Wed, 2 Mar 2022, 6:15 PM
    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.
  • Bob Gilmore
    Thu, 17 Mar 2022, 6:02 AM
    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.
  • Celine Alabeatrice
    Fri, 18 Mar 2022, 3:25 AM
    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 !
  • Miguel Fonseca
    Sun, 10 Apr 2022, 6:37 AM
    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.
  • David Augusto Youssef
    Thu, 14 Apr 2022, 3:47 AM
    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?
  • Eli Silva
    Wed, 27 Apr 2022, 7:03 PM
    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?
  • Michelle Doyle
    Fri, 13 May 2022, 3:23 AM
    Can you update for Moodle 4.0 please
Please login to post comments