Components
Created by Smart Sparrow

Fill in the Blanks - Dropdown

The Fill-in-the-Blank widget allows learners to select an answer from a dropdown of options. Multiple dropdowns can be set throughout some text.

Unique ways to use this widget

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

  • Ask students to translate a word or a sentence.
  • Ask students to fill in the missing numbers from a sentence.
  • Ask students to correctly use key terms in a paragraph.
  • Construct a word equation to identify the correct reactants and products in a chemical reaction.
  • Ask them to add a conclusion sentence to the end of a paragraph.
  • Ask them to fill in details in an excerpt from a scientific text.

 

Have a play

 

Basic setup instructions

  1. This component can be found in the Author. Insert the widget from the Components tab and resize it to your liking.
  2. With the component selected, Click on Configure and select Options to set it up.
  3. You must change the Mode to Configuration mode to set up the widget.
  4. Type or paste the text you wish in the text box. Note that you can style your text using the rich text editing feature of the widget.
  5. You can add many Dropdown inputs to your activity by clicking on the blue buttons visible on the toolbar.
  6. Specify the expected answers for each of the Dropdowns created.

  7. Before deploying your lesson to students, make sure you switch the widget from Configuration Mode into Student Mode.

 

Other options

  • The Attempted property can be used to check whether students have attempted the activity.
  • The Show correct property can be used to display all correct answers to students.
  • The Show hints property highlights correct answers in green and highlights incorrect answers in red. It can be useful to display hints to students after incorrect attempts.
  • The Enabled property allows you to enable/disable the widget.

 

FAQs

Q: I’ve set up my widget, but when I preview it, I can’t complete the activity the way students should.A: This is because you still have the widget set to “Configuration” mode. Use the edit icon on the Widget’s iFrame to change it to “Student” mode. Whenever you want to make changes to the widget, switch it back to “Configuration” mode.

 

Component Properties

Properties available for creating trap states or configuring your questions.

Property Purpose Type
Configuration
The configuration data for the widget.
String
Mode
Mode of the widget
Student
Configuration
Custom CSS
Css or the url of the CSS file to style the button
String
Enabled
The activity is disabled
Boolean
Correct
All student's answers are correct
Boolean
Show hints
Show students if answers are correct or incorrect for all inputs
Boolean
Show correct
Show student the correct answer for all inputs
Boolean
Attempted
Students interacted with the activity
Boolean
Input {id}.Value
Input current answer
String
Input {id}.Correct
Input is correct
Boolean
Input {id}.Value
Input current answer
option1
option2
optionN
Property Purpose Type
Configuration
The configuration data for the widget.
String
Mode
Mode of the widget
Student
Configuration
Custom CSS
Css or the url of the CSS file to style the button
String
Enabled
The activity is disabled
Boolean
Correct
All student's answers are correct
Boolean
Show hints
Show students if answers are correct or incorrect for all inputs
Boolean
Show correct
Show student the correct answer for all inputs
Boolean
Attempted
Students interacted with the activity
Boolean
Input {id}.Value
Input current answer
String
Input {id}.Correct
Input is correct
Boolean
Input {id}.Value
Input current answer
option1
option2
optionN
Property Purpose Type
Configuration
The configuration data for the widget.
String
Mode
Mode of the widget
Student
Configuration
Custom CSS
Css or the url of the CSS file to style the button
String
Enabled
The activity is disabled
Boolean
Correct
All student's answers are correct
Boolean
Show hints
Show students if answers are correct or incorrect for all inputs
Boolean
Show correct
Show student the correct answer for all inputs
Boolean
Attempted
Students interacted with the activity
Boolean
Input {id}.Value
Input current answer
String
Input {id}.Correct
Input is correct
Boolean
Input {id}.Value
Input current answer
option1
option2
optionN
Property Purpose Type
Inputs.{id}.Is Correct
Reports whether the currently selected value is correct/incorrect
Boolean
Inputs.{id}.Show Validation
Show the student if their answer is correct/incorrect
Boolean
Inputs.{id}.Show Solution
Sets the currently selected value to the correct solution
Boolean
Inputs.{id}.Enabled
Enables/disables the drop down
Boolean
Inputs.{id}.User Modified
Reports whether the student has made a change to this input.
Boolean
Inputs.{id}.Selected Index
Reports which option is currently selected. For example, if the first option is selected, this reports 0.
Number
Is Correct
A flag to show if all inputs are correct
Boolean
Show Validation
Show the student if his/her answer is correct/incorrect for all inputs
Boolean
Show Solution
Sets all inputs to their correct solutions
Boolean
Enabled
Enables/Disables for all inputs
Boolean
User Modified
Reports whether the student has made a change to this input.
Boolean
Form Validation
Global form validation switch which enables/disables form style validation for all dropdowns.
Boolean
Inputs.{id}.Is Correct
A flag to show if the input of Input ID is correct/incorrect
Boolean
Inputs.{id}.Show Validation
Show the student if his/her answer is correct/incorrect for input of Input ID
Boolean
Inputs.{id}.Show Solution
Sets the input of {Input ID} to the correct solution
Boolean
Inputs.{id}.Enabled
Enables/Disables the input of Input ID
Boolean
Inputs.{id}.Value
The value that is currently selected/written in the input of Input ID
String
Mode
Mode of the widget
Config
Student
Config JSON
The configuration data for the widget.
String
Custom Css
Custom CSS
String
Persist.Sim ID
Sim ID to persist the widget state under.
String
Persist.Key
Key to persist the widget state under.
String
Inputs.{id}.Is Correct
Reports whether the current value is correct/incorrect
Boolean
Inputs.{id}.Show Validation
Show the student if their answer is correct/incorrect
Boolean
Inputs.{id}.Show Solution
Sets the value to the correct answer
Boolean
Inputs.{id}.Enabled
Enables/disables the text input
Boolean
Inputs.{id}.User Modified
Reports whether the student has made a change to this input.
Boolean
Inputs.{id}.Current Value
Reports what the current value of the text input is
String
Inputs.{id}.Placeholder
Sets the placeholder for the input field
String
Property Purpose Type
Inputs.{id}.Is Correct
Reports whether the currently selected value is correct/incorrect
Boolean
Inputs.{id}.Show Validation
Show the student if their answer is correct/incorrect
Boolean
Inputs.{id}.Show Solution
Sets the currently selected value to the correct solution
Boolean
Inputs.{id}.Enabled
Enables/disables the drop down
Boolean
Inputs.{id}.User Modified
Reports whether the student has made a change to this input.
Boolean
Inputs.{id}.Selected Index
Reports which option is currently selected. For example, if the first option is selected, this reports 0.
Number
Is Correct
A flag to show if all inputs are correct
Boolean
Show Validation
Show the student if his/her answer is correct/incorrect for all inputs
Boolean
Show Solution
Sets all inputs to their correct solutions
Boolean
Enabled
Enables/Disables for all inputs
Boolean
User Modified
Reports whether the student has made a change to this input.
Boolean
Form Validation
Global form validation switch which enables/disables form style validation for all dropdowns.
Boolean
Inputs.{id}.Is Correct
A flag to show if the input of Input ID is correct/incorrect
Boolean
Inputs.{id}.Show Validation
Show the student if his/her answer is correct/incorrect for input of Input ID
Boolean
Inputs.{id}.Show Solution
Sets the input of {Input ID} to the correct solution
Boolean
Inputs.{id}.Enabled
Enables/Disables the input of Input ID
Boolean
Inputs.{id}.Value
The value that is currently selected/written in the input of Input ID
String
Mode
Mode of the widget
Config
Student
Config JSON
The configuration data for the widget.
String
Custom Css
Custom CSS
String
Persist.Sim ID
Sim ID to persist the widget state under.
String
Persist.Key
Key to persist the widget state under.
String
Inputs.{id}.Is Correct
Reports whether the current value is correct/incorrect
Boolean
Inputs.{id}.Show Validation
Show the student if their answer is correct/incorrect
Boolean
Inputs.{id}.Show Solution
Sets the value to the correct answer
Boolean
Inputs.{id}.Enabled
Enables/disables the text input
Boolean
Inputs.{id}.User Modified
Reports whether the student has made a change to this input.
Boolean
Inputs.{id}.Current Value
Reports what the current value of the text input is
String
Inputs.{id}.Placeholder
Sets the placeholder for the input field
String

 

Advanced widget 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