Components
Created by Smart Sparrow

Text Highlight

The Text Highlight widget allows learners to select individual words or phrases from a block of text, which is then assessed by the platform according to what has been/has not been selected.

Unique ways to use this widget

There are multiple ways you can set up and use this widget. For example:

  • Select the ‘instruction’ words from an essay question.
  • Select the key sentences (topic sentence, supporting sentences) within a paragraph.
  • “Where are the errors in this sentence?”
  • “Which part of this reference is incorrect?”
  • “Which one of these paragraphs would be the results section of the report?”
  • Reference the text a learner selected on one screen later on in the lesson.

 

Have a play

 

Basic setup instructions

Note: This widget uses component “modes” to make it easier for you to set up (“Config” and “Student”, available from the Edit button), but be careful to switch the component mode from Config into Student before you deploy the lesson — otherwise your students will see the configuration settings instead of just the activity!

  1. This component can be found in the Author. Insert the widget from the Components tab and resize it to your liking.
  2. Click on Configure and select Options.
  3. You must change the Mode to Config mode to set up the widget.
  4. Type or paste the text you’d like to show for the activity into the text field.
  5. Once you’ve finished typing your text, click on each of the words or/and sentences in the paragraph that you want the student to correctly highlight. While highlighted, click on the Mark as correct button on the top bar.
  6. Have a look at the CAPI table desciption at the bottom of the article for more information on what you can do.

  1. Once you’re done highlighting the correct words/sentences of your paragraph, open the Options menu and change the Mode to Student.
  2. Click Save to finish

 

Other Options

  • The widget allows you to pre-highlight words or sentences.
  • It also allows you to format text to make it looks like any documents.
  • You can even add a table of contents making it easy for students to navigate through a lot of content.
  • You can click and drag to select multiple words.

 

FAQ

  • Q: Are two adjacent words highlighted separatly/individually the same as highlighted together?. Two adjacent words highlighted separately are not the same as both words highlighted together.

 

Capi Table

Property Purpose Acceptable Inputs Readable Writable
Config Highlights.{label}.Text
Text of the highlight
String
Config Highlights.{label}.Is selected
Whether the highlight is selected exactly
Boolean
Config Highlights.{label}.Selection type
How much of the highlight is selected
None
Partial
All
Config Highlights.{label}.Is correct
If selection made in config mode is correct
Boolean
Config Highlights.{label}.Is within boundaries
If the selection falls solely within the highlight
Boolean
Sim Options.Mode
Mode of the widget
Student
Config
Sim Options.Config JSON
The configuration data for the widget.
String
All correct
Indicates whether all the selections are correct in student mode
Boolean
Show hints
Shows hints in student mode
Boolean
User Highlights.{label}.Text
Text of the selection
String
User Highlights.{label}.Is correct
Whether the selection is correct
Boolean
Show Table Of Contents
Determines whether the table of contents is shown in student mode
Boolean
Property Purpose Acceptable Inputs Readable Writable
Config Highlights.{label}.Text
Text of the highlight
String
Config Highlights.{label}.Is selected
Whether the highlight is selected exactly
Boolean
Config Highlights.{label}.Selection type
How much of the highlight is selected
None
Partial
All
Config Highlights.{label}.Is correct
If selection made in config mode is correct
Boolean
Config Highlights.{label}.Is within boundaries
If the selection falls solely within the highlight
Boolean
Sim Options.Mode
Mode of the widget
Student
Config
Sim Options.Config JSON
The configuration data for the widget.
String
All correct
Indicates whether all the selections are correct in student mode
Boolean
Show hints
Shows hints in student mode
Boolean
User Highlights.{label}.Text
Text of the selection
String
User Highlights.{label}.Is correct
Whether the selection is correct
Boolean
Show Table Of Contents
Determines whether the table of contents is shown in student mode
Boolean
Show Correct Selections
Displays all the correct selections to the student
Boolean

 

Advanced Setup

Contact our team for help setting up the widget and trap states in your lessons.

Want to work with us to create your own component?
Request services