Linked Confidence Slider Component

The Linked Confidence Slider component lets you link confidence sliders together and test the learner confidence with a second value.

This article provides an overview of the Linked Confidence Slider component, component setup and behavior, and examples of Linked Confidence Slider component configurations.

Component overview

The Linked Confidence Slider is an interactive component that links confidence sliders together and tests the learner’s confidence with a second value. The Linked Confidence Slider component gives feedback to the learner instantly after submitting the second value. The Linked Confidence Slider component can display custom feedback for less, matching, and higher confidence related to the value previously set in the linked confidence slider component.

The Linked Confidence Slider component is fully responsive.

Component set up

Follow these steps to add the Linked Confidence Slider component to a Block:

1. Click Add Component.
2. Use the component search or scroll to find the Linked Confidence Slider component.
3. Click the Linked Confidence Slider component and select Add Left, Add Full, or Add Right.

Click the Edit Component icon on the newly added Linked Confidence Slider component to begin set up.

General section

In the General section:

Add Linked Confidence Slider Title, or a Linked Confidence Slider Display Title, as needed. Linked Confidence Slider Display Title is seen by learners.

Scroll down the page and add your Linked Confidence Slider Body. Use the text editor to style and format your text, as needed.

1. Add Linked Confidence Slider Instruction Text that tells users how to use the component.
2. Include an Aria Label for screen readers, as needed.

Interaction Label section

In the Interaction Label section, you can enable an Interaction Label. The Interaction Label allows you to add a widget before or after the Linked Confidence Slider component that can display an icon and label prior to the Linked Confidence Slider component completion, which changes to a different icon and label once the Linked Confidence Slider component is completed.

Slider section

In the Slider section, you set Labels for your Linked Confidence Slider component:

1. Set Label for the selected value on the range.
2. Set Label for the previously selected value on the range. This is the value linked from your ordinary Confidence Slider component.
3. Set Linked confidence slider incomplete message. This message is shown if the linked confidence slider component is not yet completed.
4. Set Navigate to confidence slider button text. This text is shown on a button that navigates to the confidence slider linked to this component.

Behaviour section

In the Behaviour section, you Select Confidence Slider via the button Show Confidence Sliders. Select what confidence slider component in your Evolve course requires completion and should be linked to this Linked Confidence Slider component.

Component Examples

Below are examples that illustrate the Linked Confidence Slider component setup:

Example 1 – displays the Linked Confidence Slider component before the linked Confidence Slider component has been submitted and the navigation button is activated.

Example 2 – displays the Linked Confidence Slider component after the linked Confidence Slider component has been submitted (3) and the Previously selected value (3) is shown.

Exampe 3 – displays the Linked Confidence Slider component after a second value has been selected (6) and submitted. Feedback for higher confidence is also shown below the component.

Feedback section

The Feedback section lets you tailor feedback for less confidence, matching confidence, and higher confidence. Feedback can be displayed on the page beneath the component or in a notification pop-up.

Toggle to Display Feedback Inline. Feedback will be displayed below the component if this is enabled instead of a dialog.

Enabling Feedback Title will display the Linked Confidence Slider Display Title inside the Feedback Dialog pop-up.

Heads up!

The setting Feedback Title will have no effect if Display Feedback Inline is enabled.

Add Feedback for Less confidence, Matching confidence, and Higher confidence. Use the text editor to style and format your text, as needed.

Did this article help?

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