Skip to main content
Skip table of contents

Metadata on Tiles

This page provides an overview of how to configure the metadata of tiles (course, learning path, media) and which information can be shown. This way, the LMS offers to show specific information in catalogues or learning area and dashboard panels.

Note: Price information is not shown after enrolment (on Current tab Learning status) as the price information is not relevant anymore after enrolment.

Metadata plays a critical role in making learning resources more discoverable, accessible, and user-friendly within the LMS. It benefits both learners and administrators by streamlining content management and improving the overall learning experience.

The meta tag on Tiles feature can be configured (system-wide) through the Configuration Manager. This enables administrators to define the meta tags and attributes that will be displayed on various content tiles throughout the LMS.

image-20241015-131440.png
grafik-20250213-120547.png

In addition to the Configuration Manager, the Client Manager offers client-specific settings the meta tag on Tiles feature. This allows administrators to tailor the meta tags and attributes to meet the specific needs of different client instances.

grafik-20250213-120627.png

The attributes and meta tags can be added and saved on different orders (not based on types):

grafik-20250213-120655.png

Sorting Meta Tags and Attributes

Administrators have the flexibility to sort meta tags and attributes according to their preferences. This ensures that the most relevant information is prominently displayed on content tiles, enhancing the user experience.

The settings/metadata API is considering sorting/positioning from the managers, as they are stored.

This API checks what settings to be sent (either from system, either from client config). In order to activate the client settings, please consider the following configuration:

grafik-20250213-120744.png

Custom Metadata on Tiles

The Custom meta tag on Tiles feature can be configured through the Configuration Manager. This enables administrators to define the meta tags and attributes that will be displayed on various content tiles throughout the LMS (see previous sections for detailed explanations and screenshots)

The Custom meta tag on Tiles feature also supports the use of icons to further enrich the visual representation of meta tags. These icons can be uploaded directly from the meta tag Manager. 

grafik-20250213-120824.png
  • request icon in 36x36px size to allow 2dpi for a better display quality

  • display icon in 18x18px size

  • allow svg format

The new meta tag is further displayed under the meta tag list configuration:

grafik-20250213-120907.png

The Custom meta tag on Tiles feature is supported in the following areas of the Learning Management System:

  • Catalogue: meta tags and attributes are displayed on catalogue tiles, providing users with quick insights into the content.

  • Dashboard: Custom meta tags enhance the dashboard experience by allowing users to see important information at a glance.

    • Custom meta tags are present on courses in the panels Top contents (114), Recommended learning (162), Catalogue panel (171) and Courses (172).

  • Learning Path: Administrators can configure meta tags and attributes to appear on learning path tiles, facilitating easy navigation and selection.

  • Personal Area: In the personal area, meta tags on tiles help users keep track of their personalised content.

  • Course Template: meta tags and attributes can be applied to course templates, assisting administrators in managing and categorising courses efficiently.

  • Channels: Channels benefit from custom meta tags on tiles, making it easier for users to explore and engage with channel-specific content.

Limitations

Meta Tag Types Not Supported Over the API

The following meta tag types can be added to the configuration but are not included in API responses:

  • Text field

  • Meta tag with select box “yes"/"no"

  • Meta tag for classifications

  • Meta tag for costs with currency selection

  • Meta tag with language independent select boxes

  • Meta tag for positive integer values

  • Meta tag with text area

The tiles also display self-registration information in the catalogue

Name

Description

Screens

Enable display of the self-registration time frame in the catalogue

If this option is enabled, each course tile with a limited time frame for self-registration shows this time frame.

A logic is implemented to define the color coding  based on the availability of the self enrollment.

grafik-20250213-120946.png
grafik-20250213-121006.png

The following wording is used:

Self enrolment period begins

Self enrolment period ends

Bundle on top of the message

Bundle for dates

✅ in the future

✅ in the future

Self enrollment available soon

<Period begins> to <Period ends>

✅ in the past

✅ in the future

Self enrollment available

Ends on <Period ends>

strGenericEndsOn

✅ in the past

✅ in the next 48 hrs

Self enrolment expires soon

Ends on <Period ends>

strGenericEndsOn

✅ in the future

Self enrolment available

Ends on <Period ends>

strGenericEndsOn

✅ in the next 48 hrs

Self enrollment expires soon

Ends on <Period ends>

strGenericEndsOn

✅ in the future

Self enrollment available soon

Starts on <Period begins> 

strGenericStartsOn

✅ in the past

No display of the icon at all

-

No display of the icon at all

-

In addition, there are some tool tip Information shown. A mouse hovering always shows the name of the attribute, while the tile shows its value.

Pages considered:

  1. Catalogue tiles

  2. Personal area tiles

  3. Dashboard tiles

  4. Available courses (course template)

  5. Learning path syllabus

  6. Available learning paths (learning path template)

grafik-20250213-121036.png

Overview of Metadata on Tiles

The following table provides an overview of the tile information and describes the area where the tile information is considered.

meta tag

Supported for

Description

Additional comments

Running time

Media, 3rd party content

This field can be used to enter the running time of the media

10018 Running time

Duration in hours

Course, Learning path

Displays the duration in hours (10120) of a course, course template or learning path, if defined

Shows hours, 10120 Duration in hours

Media type 

Media

Displays the type of a media

 

Learning mode

Course

Displays the learning mode of a course, learning path or the according template

 

Learning path information

Course, Learning path

Shows that the displayed object is a learning path

 

Status

Learning path

Displays the component status on the tile

 

Free places

Course, Learning path

Displays free places of a course and learning path

 

Waiting list places

Course, Learning path, Media

Displays free places on the waiting list of a course and learning path

 

Languages

Course, Learning path

Displays the language for which the course, course template and learning path is available

 

Registration identifier

Course, Learning path

Displays the identifier set by the supervisor during enrolment in the learner's learning status (if the “Show due date/ identification dialogue during supervisor enrolment” setting is enabled at client level)

 

Price

Course, Learning path

Displays the price of a course, course template or learning path

 

 

Certifications

Course, Learning path

Displays if a course, media or course template awards certifications

 

Skills

Course, Learning path

Displays if a course, course template or learning path awards skills

 

Location

Course, Learning path, Media

Displays the location of a course, course template or learning path

 

Prerequisites status

Course, Learning path

Shows the status of prerequisites for courses

 

User-defined ID

Course, Learning path

Displays the user defined ID of a course or course template, if defined

 

Provider Logo

Course, Learning path

The "Provider logo" attribute displays the logo of the provider on the preview images of courses and learning paths.

 

Content provider

3rd party content media

Content provider 11868 (only text-based)

Degree of difficultly

3rd party content media

Degree of Difficulty 11866 (incl. icon--assessment-small)

Tags

3rd party content media

Tags 11856 (incl. icon--icon-tag)

Languages

3rd party content media

no meta tag, but info is available

Next, the due date logic for tiles is described. Participant due dates on courses will be highlighted by a colour:

  • when the due date is in the future, the due date information is displayed in green.

    grafik-20250213-121115.png
  • when the due date is approaches (due date = today date), the due date information should be displayed in orange.

    grafik-20250213-121145.png
  • once the due date is reached (due date = today date), the due date information should be displayed in red.

  • grafik-20250213-121247.png

If no due date was entered, then you won't see any circle.

When enrolling a staff members, the Manager/supervisor can come across the field "Due Date" and "Identification"  in the learner portal and this might not be the requirement for some customers.

This can be disabled/enabled by navigating to Client → Setting and there is a check box as shown below.

image-20240110-132757.png

Other Settings

Due Date Logic

Participant due dates on courses will be highlighted by a color:

  • when the due date is in the future, the due date information is displayed in green.

  • when the due date is approaches (due date = todays date), the due date information should be displayed in orange.

  • once the due date is reached (due date = todays date), the due date information should be displayed in red.

The due date can be entered via: participant administration - select participant- enrolment information - enter due date - save

If no due date was entered, then you won't see any circle.

  1. If interval is less than 0 (the due date is in the past), it sets the label to “strCourseStatusProgressWithDueDatePast”, the icon class to “duedate-failure”, and the icon title to “strCourseDueDateLabelOverdue”. -> due date(from course API) has passed, red dot

  2. If interval is less than dueDateInterval (the due date is coming soon), it sets the label to “strCourseStatusProgressDue”, the icon class to “duedate-pending”, and the icon title to “strCourseDueDateLabelDueSoon”. -> due date (Course API) is less than 1 day from current date - orange bullet, in progress

  3. If interval is greater than or equal to dueDateInterval (the due date is not soon), it sets the label to “strCourseStatusProgressDue”, the icon class to “duedate-success”, and the icon title to “strCourseDueDateLabelOnTrack”. -> if due date (from API) is more than 1 day away, green bullet

dueDateInterval = due date - current date

Meaning:

green -> due date course > current date (at least 1 day)
orange -> due date course > current date (less than 1 day)
red -> due date < current date

Price Logic

This section explains how prices are displayed based on meta tags and user group definitions.

There are two relevant meta tags:

  • meta tag “price” 10033

  • meta tag “external price” 10128 which can be overwritten by definitions done on tag “prices and currencies”, means that different user groups can see different prices. When both meta tags are active, the price meta tag is shown.

Meta Tags for Course Change Event (Event Bus)

The third-party application aims to register additional meta tags for the course change event to provide reporting information on the changed courses.

The “Course change event” include the following additional attributes:

Meta tag

ID

Type

Provider

10069

 search meta tag type

Running time in days

10119

meta tag for decimal values

INPUT_NON_NEGATIVE_DECIMAL = 51

Hours

10120

meta tag for decimal values

INPUT_NON_NEGATIVE_DECIMAL = 51

Duration in minutes

12071

meta tag for positive integer values

INPUT_NON_NEGATIVE_INTEGER = 42

A configuration on configuration manager for event queue was introduced:

There you can choose what meta tag to be added to the event buss.

Supported types (as mentioned in table)

SELECT_TEXT = 21;

public static final int SELECT_TEXT_I18N = 22;

public static final int ORGANIZER = 28;

public static final int INPUT_NON_NEGATIVE_INTEGER = 42;

public static final int INPUT_NON_NEGATIVE_DECIMAL = 51;

In the selection pop-up only this types of meta tags will be shown.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.