--- title: "Learner Interface: Course Tile View" slug: "learner-interface-course-tile-view" tags: ["external courses", "tags", "scorm"] updated: 2025-01-06T21:42:02Z published: 2025-01-06T21:42:02Z canonical: "support.smarteru.com/learner-interface-course-tile-view" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.smarteru.com/llms.txt > Use this file to discover all available pages before exploring further. # Learner Interface: Course Tile View The tile view displays courses in a table format. You can display the tile view by clicking ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/learner-interface---course-tile-view-image-0td85u96.png). ![Tile View 20241223.png](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Tile%20View%2020241223.png) The courses displayed on the page will depend on [how your page has been configured](/v1/docs/page-configuration-for-course-pages). The attributes displayed for a course will vary based on whether the course is [external](/v1/docs/learner-interface-course-tile-view#external-courses), [instructor-led](/v1/docs/learner-interface-course-tile-view#instructorled-courses), [online, or SCORM](/v1/docs/learner-interface-course-tile-view#online-and-scorm-courses). ## External Courses [External courses](/v1/docs/courses-external) in the tile view are indicated by the ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/learner-interface---course-tile-view-image-v35mlpcs.png) icon. The following information displays for external courses. ### Course Image The default placeholder image for courses. ### Course Name The [name of the course that you provided](/v1/docs/external-course-submissions). ### End Date The [end date that you provided for the course](/v1/docs/external-course-submissions). ![Tile - External 20241223.png](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Tile%20-%20External%2020241223.png) ## Instructor-Led Courses [Instructor-led courses](/v1/docs/courses-instructor-led) in the tile view are indicated by the ![Ícone Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/learner-interface---course-tile-view-image-1znylqxj.png) icon. The following information displays for instructor-led courses. ### Course Name The name of the course. Click the course name to display the course details. ### Course Image The [image associated with the course](/v1/docs/instructor-led-course-customization#course-image). Click the course image to view the course details. ### Tags and Values This is only applicable if the [page's **Display Tags** settings](/v1/docs/page-configuration-for-course-pages#display-tags) is enabled and a [course has tags and values associated with it](/v1/docs/course-tags). The [tags and values associated with the course](/v1/docs/course-tags). Each tag is prefixed with a![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/learner-interface---course-tile-view-image-zu2t2uma.png)icon and the values are separated by a comma. ![Tags and Values ILT - Tile 20241223.png](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Tags%20and%20Values%20ILT%20-%20Tile%2020241223.png) ### Next Available Session Date For catalog courses, the date of the next available session. If there are no sessions available, "No sessions available" displays. If you are enrolled in or have completed the instructor-led course, the date of the first day/part of the session displays. ### Next Available Session Location For catalog courses, the location of the next available session. If you are enrolled in or have completed the instructor-led course, the location of the first day/part of the session displays. ### Session Type The next available session type (i.e., venue, URL, or other) is indicated by an icon. ### Last Completed Date If you have completed the course, the date you last completed the course displays in the lower half of the tile. Click the tile to view your completion details. ![Last Completed Date ILT - Tile 20241223.png](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Last%20Completed%20Date%20ILT%20-%20Tile%2020241223.png) ### Last Completed Grade If you have completed the course, the last completed grade displays in the lower half of the tile, below the last completed date. Click the tile to view your completion details. ![Last Completed Grade - Tile 20241223.png](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Last%20Completed%20Grade%20-%20Tile%2020241223.png) ### New or Updated Course If an [instructor-led course has its **Flag Course as New/Updated** setting](/v1/docs/instructor-led-course-main#flag-course-as-newupdated) enabled, a ![Ícone Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/learner-interface---course-tile-view-image-0obmpprn.png) displays in the course's tile. ![New ILT Course Icon - Tile 20241223.png](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/New%20ILT%20Course%20Icon%20-%20Tile%2020241223.png) ## Online and SCORM Courses [Online](/v1/docs/courses-online) and [SCORM courses](/v1/docs/courses-scorm) in the tile view are indicated by the ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/learner-interface---course-tile-view-image-wss4za1g.png) icon. The following information displays for online and SCORM courses. ### Course Name The name of the course. Click the course name to view the course details. ### Course Image The [image associated with the online](/v1/docs/online-course-customization#course-image) or [SCORM course](/v1/docs/scorm-course-customization#course-image). Click the course image to view the [course details](/v1/docs/course-details-page). ### Tags and Values

This is only applicable if the page's Display Tags settings is enabled and a course has tags and values associated with it. 

 The [tags and values associated with the course](/v1/docs/course-tags). Each tag is prefixed with a![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/learner-interface---course-tile-view-image-eqyeiv6w.png) icon and the values are separated by a comma. ![Interface gráfica do usuário, Texto, chat ou mensagem de texto, Site Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/learner-interface---course-tile-view-image-hkx60cml.png) ### Due Date or Subscription Date If you are enrolled in the course and the course has a due date, the due date or subscription expiration date displays at the bottom of the tile. The date will be color-coded to indicate how close it is to the due date: - Blue - Less than 75% of the allotted completion time has passed. - Orange - Over 75% of the allotted completion time for the course has passed. - Red - The course is overdue. ![Due Date - Tile 20241223.png](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Due%20Date%20-%20Tile%2020241223.png) ### Progress Bar This is only applicable to online courses in which you are enrolled. The progress bar displays under the due date and shows how much of the online course you have completed. ### Last Completed Date If you have completed the course, the date you last completed the course displays in the lower left corner of the tile. Click the box containing the last completed date and grade to view your completion details. ![Last Completed Date - Tile 20240805](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Last%20Completed%20Date%20-%20Tile%2020240805.png) ### Last Completed Grade If you have completed the course, the last completed grade displays in the lower left corner of the tile, below the last completed date. Click the box containing the last completed date and grade to view your completion details. ![Last Completed Grade - Tile 20240805](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Last%20Completed%20Grade%20-%20Tile%2020240805.png) ### New or Updated Course If an [online](/v1/docs/online-course-main#flag-course-as-newupdated) or [SCORM course](/v1/docs/scorm-course-main#flag-course-as-newupdated) has its **Flag Course as New/Updated** setting enabled, a![Ícone Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/learner-interface---course-tile-view-image-4xyb091k.png) displays in the course's tile. ![Interface gráfica do usuário, Aplicativo Descrição gerada automaticamente](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/learner-interface---course-tile-view-image-j8kkb57q.png) ## Related - [Course: Tags](/course-tags.md) - [Learner Interface: Course Buttons and Links](/learner-interface-course-buttons-and-links.md) - [Learner Interface: Course Details Page](/course-details-page.md) - [Learner Interface: Course List View](/learner-interface-course-list-view.md) - [Learner Interface: Courses ](/courses-1.md) - [Page: Configuration for Course Pages](/page-configuration-for-course-pages.md)