Skip to main content

Outline

The Course Attainment extension lets the learner not need to complete all the components in an Evolve course. Instead, the learner needs to complete specific components set up in the Course Attainment extension.

This article provides an overview of Course Attainment extension, extension setup and provides examples of Course Attainment extension configurations.

Extension overview


The Course Attainment extension lets the learner not need to complete all the components in an Evolve course. Instead, the learner needs to complete specific components set up in the Course Attainment extension. The Course Attainment extension can be configured with the attainment method set to Points gained, Stars collected, selected blocks or selected components.

You enable the Course Attainment extension in the Extensions section in your Evolve course.

Extension set up


Follow these steps to enable the Course Attainment extension in your Evolve course:

Click the Extensions tab in your course.

  1. Scroll down to the Course Attainment extension and toggle to enable the extension.
  2. Click the Edit button and begin set up.

General section

In the General section:

  1. Add a Course Attainment Title. This is the title text for the sidebar icon.
  2. Add a Completion Title. This is the title text for the completion page.
  3. Add Completion Body. This is the body text for the completion page. Use the text editor to style and format your text, as needed.
  1. Add a Completion Notify Title. This is the title text for the completion notify.
  2. Add a Completion Notify Body. This is the body text for the completion notify. Use the text editor to style and format your text, as needed.

Add a Course Attainment Page Aria Label as needed.

Hero Image Section


In the Hero Image section:

  1. In the Hero Image section, toggle to Add Hero Image.
  2. Add a Hero Image Title.
  3. Add a Hero Image Body. Use the text editor to style and format your text, as needed.
  1. Select a Hero Image to display.
  2. Set Image Per Device Size, as needed.
  3. Add Hero Image Alt Text as needed.
  1. In the Hero Image Content Layout section, set Hero image title and body container layout. By default, this is set to Center.
  2. Set Hero image title and body container width. By default, this is set to 70.
  1. In the Hero Image Floating Graphic section, select a Floating Graphic.
  2. Add Floating Graphic Alt Text, as needed.
  1. Scroll down the page and set Floating Graphic Position. By default, this is set to Bottom right.
  2. Set Floating Graphic Offset Position.
  3. Toggle to Show on Large Screen Size Only.

Behaviour Section


In the Behaviour section, select the Course Attainment Method for your Course Attainment extension. This is the method you would like to complete the course by. Select by choosing Blocks, Components, Points or Stars.

Selecting Blocks or Components lets you choose the blocks/components that need to be completed by clicking the Show Blocks button or Show Components button.

When selecting Points or Stars as the Course Attainment Method you can add Attainment Attributes as needed.

  1. Scroll down the page and toggle to enable Only Use Correct Questions.
  2. Toggle to enable Should Hide Summary.
  1. In the Logic section, toggle to Enable Close Course Button. When enabling this setting, a close course button is displayed in the attainment popup when the course has been completed.
  2. Toggle to Hide Notification Popup Dismiss Button. This will hide the prompt dismiss button, forcing the learner to close the course.

Heads up!

The Hide Notification Popup Dismiss Button is only available when the Enable Close Course Button setting is enabled.

  1. Toggle to Disable Notification Popup. With this setting enabled, the Course Attainment notification will not display.
  2. Toggle to enable and Save Progress to Variable.

Appearance Section


  1. In the Appearance section, set Course Attainment Navigation Button Icon. This icon will be displayed in the navigation.
  2. Set Course Attainment Header Icon. This icon will be displayed in the course attainment header.
  3. Set Course Attainment Notify Icon. This icon will be displayed in course attainment notification dialog.

Heads up!

The icons set in the Appearance section will override the icons set in the theme for the Evolve course.

Did this article help?

Let us know by leaving a star rating or review at the top of this article.