Description
Use the Fill in the Gaps widget, to create a text to be filled with missing words. The widget supports three different modes: Place Words (classic drag-and-drop), Select Words (choose from a dropdown) and Type Words (type the answer).
Creating this game is very simple: just drag it from the Objects panel to the stage to place it on the page, then double-click on the widget to edit it like a normal text object. When the text is entered, just select a word that you want to be replaced with a placeholder and click the “W” button in the text editing toolbar:
This will “remove” the word from the original text and create a placeholder that the end user will be able to fill depending on the selected mode.
Properties
Fill in the Gaps widget supports most of the Generic Object Properties, plus the ones listed below. To edit properties of a Fill in the gaps widget, select it and use the selection inspector at the right of your project window.
| Mode NEW | Defines the interaction mode for the widget. One between Place Words (classic drag-and-drop), Select Word (choose from a dropdown) or Type Word (type the answer) |
| Case Sensitive NEW | Only available when using Type Word mode, defines if the comparison between the user-typed word and the original word should be case sensitive |
| Distractors NEW | Only available when using Select Word mode, defines a list of alternative (wrong) words for each correct word, that will appear to the user in the select popup for each word |
| Accessibility Label NEW | Only available when using Select Word or Type Word mode, defines the accessibility label applied to the control that allows the user to select/type the word |
| Highlight along the way | Enable to highlight the words placed correctly when the game is not yet completed. Disable to highlight them only after clicking the Check button |
| Check Label NEW | The label displayed for the Check button, which allows to check the correctness of the answers given by the end user. The button is displayed when Highlight along the way is disabled |
| Reset Label NEW | The label displayed for the Reset button, which clears the answers given by the end user. The button is displayed when Highlight along the way is disabled |
| Missing Words ▹ Background Color | Defines the background color of the missing words placeholders |
| Missing Words ▹ Border Color | Defines the border color of the missing words placeholders |
| Correct Words ▹ Background Color | Defines the background color of the words placeholders when placed correctly on the text |
| Correct Words ▹ Border Color | Defines the border color of the words placeholders when placed correctly on the text |
| Correct Words ▹ Icon NEW | Defines a custom icon displayed next to correct answers after checking |
| Correct Words ▹ Accessibility Label NEW | Defines the accessibility label for the correct answer icon, for screen readers |
| Correct Words ▹ Label for Results NEW | Defines the label displayed for the correct answers count in the results |
| Wrong Words ▹ Background Color NEW | Defines the background color of the words placeholders when placed incorrectly on the text |
| Wrong Words ▹ Border Color NEW | Defines the border color of the words placeholders when placed incorrectly on the text |
| Wrong Words ▹ Icon NEW | Defines a custom icon displayed next to wrong answers after checking |
| Wrong Words ▹ Accessibility Label NEW | Defines the accessibility label for the wrong answer icon, for screen readers |
| Wrong Words ▹ Label for Results NEW | Defines the label displayed for the wrong answers count in the results |
| Assessment ▹ Assessment ID | Optional, allows to set an assessments identifier for this widget, enabling statistics collection by Shelf or LMS systems |
| Assessment ▹ Assessment Category | Optional, allows to set an assessments category for this widget, enabling statistics collection by Shelf or LMS systems |
Events
Fill in the Gaps widget triggers all Widget Events, plus the ones listed below. To edit event handlers for a Fill in the Gaps, select it and use the Interactivity Panel on the right side of the project window.
Changed
The user moved a word.
Completed
The user placed all of the missing words on the text.
Reset
The user reset the game and is able to play it again from scratch.
Actions
Fill in the Gaps widget can be used as target of most Generic Actions, plus the ones listed below.
Reset Fill In the Gaps
Removes any words placed on the text, restoring the game to its initial state.