Skip to main content
  1. Thought Industries
  2. Content
  3. Course Page Types
  • Updated

Creating a Highlight Zones Page

  1. Jump to

  2. Use Case Information
  3. Configuration

 

The native Thought Industries authoring tool offers unique ways to create self-paced learning, especially through the use of interactive page types. Interactive page types will require your learners to click somewhere on the page in order to interact with your content.

Use Case Information

The highlight zones page allows you to break down and label different parts of an image. Users can simply click on one of the labels in order to highlight that zone on the image. This page type is great for pinpointing and providing additional context on specific visual areas.

Learner View:
CreatingHighlightZone_LearnerView.png

Note

This page type differs from the Highlight Zones Challenge page type since labeled headers are the main interaction point vs icons placed directly on the image for the Highlight Zones Challenge page type.

How To Configure the Highlight Zones Page Into a Course

Below, please find the steps to include this interactive page into your course:

  1. From your homepage, select Courses > All Courses.
  2. Click the Content Title for to the course you want to alter.
  3. Within the course outline, go to the lesson where you'd like to add a highlight zones page. 

  4. Click the plus sign in your course outline > hover over the Add Page icon and click.
    AddPageElement_GIF.gif

  5. Choose the highlight zones page type.CreatingHighlightZone_PageType.png
  6. Add a page title.
  7. Click Save.
  8. Drag image or click in the box to upload your image. Once the image has been uploaded, you can resize it. Be sure to click Crop Select Image.

    Note

    Always be sure to follow the specification for loading assets into the platform stated in the container. All Highlight Zone images are required to be 1000 x 563 pixels. For a complete list of specifications for assets, please refer to this article.

  9. Click Add Highlight Zone, then drag and resize the box over the zone you want highlighted. Click Next Step.
  10. Enter a title and caption for each zone. Then click Save.
  11.  Repeat steps 8 and 9 until all of your zones have been added.
  12. Click Expand Sidebar to expose a text box editor (WYSIWYG) where you can provide additional information to your learners in the right margin of the page. You can also add image Alt Text under this options menu.
    CreateHighlightZone_Sidebar_AdminView.png
    CreatingHighlightZone_Sidebar_AdminView2.png
  13. You can also find the following options under Advanced Settings:
    • Unlocking for editing by children? - This offers Panorama roles, who have the permission, to edit this page in your course.
    • Indentation Level -

      The Indentation Level is behind a feature flag.

      This allows for the syllabus in the course menu to be indented. When enabled, you can nest pages under each other.

    • # of seconds required for completion - Number of seconds required to mark this page as complete. If set, the learner must remain on the page (without refreshing or going to another page) for the number of seconds specified in order to be marked complete.
    • Audio Narration File - Although it is not system functionality to record audio in the platform, you can upload audio files.
  14. Click Save.

Tip

A text block editor (WYSIWYG) is available on the top and bottom of all page types in the native course authoring tool to provide even more information to your learners.

Related articles