Customizing an Item

Objective

After completing this lesson, you will be able to customize the thumbnail, cover page, and course details of an item.

Item Configuration

Items assigned to learners are displayed as cards on their learning plan, with different appearances depending on the section of the plan they appear in:

  1. In the Required Learning section, there is no thumbnail image displayed. The card includes the due date since this item is required.
  2. In the Invest in Myself section, the thumbnail image takes up most of the space on the item card.
  3. In the Latest Bookmarks section, the thumbnail image is displayed in a smaller format.
The learning plan screen shows cards in the three sections: 1. Required Learning 2. Invest in Myself 3. Latest Bookmarks.

Item Thumbnail Creation

When no custom images are uploaded for an item, the system displays a predefined global image. If you want to create a custom thumbnail item, you have the option to upload an image in the Items Details tab.

As a best practice, upload your photo in a JPG, JPEG, or PNG format and use an image with an aspect ratio of 16:9 and a file size less than 10 MB. Once uploaded, you can preview the image to see how it will look and decide to keep it or delete it.

AI-assisted capabilities can be leveraged to produce images for content. Upon utilizing the Generate Image feature, a widget will appear, allowing you to enter up to 180 characters to describe the image in a designated text box. After entering the description, you can select Generate to preview the generated image. You have the option to adjust the size and position of the image. If a different image is desired, you can modify the description as necessary and choose to generate a new image.

Note

AI-assisted capabilities require an AI Units license. Additionally, Assisted Image Generation setting must be enabled in AI Services Administration in Admin Center.
The location of where to edit the image thumbnail is highlighted.

Course Details Tab

Each card on a user's learning plan can be selected and it takes the user to the screen where the Course Details are displayed. Most information displayed here has been entered in the Item Details entity tab, such as the course description. The description text can be formatted with Rich Text Formatting (RTF) and become visually more appealing and contain hyperlinks.

The location of the Course Details Tab is highlighted. The course details are displayed on the page.

Overview Tab

If a cover page has been configured for the item, the Overview tab also displays. The cover page allows administrators to deliver tailored information about the item to the end users. It can contain additional text, images, and videos.

The Overview Tab is highlighted, and the cover page is displayed underneath it.

Create a Cover Page

You can create a cover page from the item entity Actions dropdown menu.

The cover pages can also be created in different languages for international audiences.

The Create a cover page screen is open. Cover page is selected in the Actions drop down menu.

To configure the cover page, complete the following steps:

Steps

  1. Open an item entity.

  2. Select Actions in the upper right corner.

  3. Select Cover Page.

  4. Select a layout from the dropdown menu.

  5. To edit the section, select the Edit icon (gear) for each layout content area.

  6. After making your edits, select Preview to view your page before activating it.

  7. Select Save to submit all changes.

  8. Select Activate at the top of the page to make it visible to end users.

    Once activated, the custom cover page displays in the overview to users who are assigned the item.

Result

A cover page has been configured.

Summary

  • Items appear as cards on learners' plans, with card design varying by the section they are displayed in.
  • Custom thumbnails can be created in the Item Details tab or generated using AI tools with specific settings enabled.
  • The Course Details page displays item information, which can include Rich Text Formatting and hyperlinks for better presentation.
  • The Overview tab displays a configured cover page with tailored content, including text, images, videos, and multilingual support.
  • Cover pages are created via the Actions menu, previewed, saved, and activated to display in the Overview tab on the Learning home page.