Improved User Experience with Tiles Format

"Tiles" displays topics in a grid rather than as a list. This user friendly format has built in transition animations and adapts to different screen sizes and orientations.  Within each tile, activities can also be set to display as "sub-tiles".

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
  • 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)


Starting a Tiles course

To switch an existing course into Tiles format, under Course Administration > Edit Settings > Course Format, pick [Tiles format].  A number of options will then appear as shown here.  Make your choices and click [save].

Use this drop down to switch from one format to another (e.g. Topics to Tiles or back again).

When switching away from Tiles, your settings for tile icons and all photos will be deleted.

Use sub-tiles for activities

If you set this to “yes”, course activities will appear as sub-tiles instead of in a list.

Sub-tile format

You should not need to restructure any course content, and can easily switch back again if you need to.

Editing content

Editing controls in general will behave as in other formats. This includes the ability to show and hide content and to set restrictions by group, time and so on.

Tiles will appear long and thin (i.e. 100% width) as a list when in editing mode, and can be expanded one by one.  This is to that it is easy for teachers to drag content between sections (in the same way that they do in “Topics” format) and/or to drag sections around.

To add more tiles, click the [+] button at the bottom right of the screen (after the list of tiles).  To delete a tile, use the tile’s [Edit] menu on the right.

Changing a tile icon, adding a photo to a tile, removing a photo

With editing mode on, click the icon or photo you want to change. The icon / photo picker window will launch.

In the icon picker window, click the icon you want.

Displaying YouTube or Vimeo videos

Post the video as a URL activity and, when displayed to students, it will be listed as a Video activity.  To make the activity launch in an animated pop up window (i.e. a modal window) set the activity to [Display: embed].


Highlight tile

If you click [highlight] in a tile’s editing menu, that tile alone will show with a red bar at the top.


This article was based on Evolution Code's Tiles Documentation for Teachers and can be found here.

If you are having difficulty or you have unanswered questions, please contact the Help Desk through the ITS Service Catalog or call (518) 388-6400.



Article ID: 80983
Mon 6/17/19 10:16 AM
Thu 2/9/23 11:15 AM