Button Types
Popup Button
A popup button provides a mechanism for adding rich text content that is hidden until requested by trainees. Trainees reveal the hidden content simply by clicking on the popup button, which expands to reveal its content. Popup buttons may be associated with points that are awarded or deducted when the popup button is first clicked by trainees.
A popup button that provides zero points can help declutter pages, by hiding (minimizing) detailed information until it’s needed. However, a popup button with non-zero points can be used to mimic certain real-life situations where the impact of requesting the information is non-trivial. For example, trainees that frivolously request unnecessary information can be penalized when requesting content through popup buttons. Conversely, trainees can be rewarded with points for requesting popup content that is relevant for the task at hand.
To create a popup button
Navigate to a page
Position the cursor in the rich text editor where you want the button inserted
Click on the button at the right hand corner of the rich text editor toolbar
Select Pop-Up from the dropdown menu
To edit a popup button
Navigate to a popup button on the page
Click on the button next to the button
Enter the text that appears on the button in the Button text field
(Optional) Enter the points awarded for the popup in the Points for opening field
(Optional) Change the button to a thumbnail popup by clicking on the + Add Button Thumbnail button and selecting an image using one of the available methods:
- From the Repository tab, navigate to a folder and select an image, or
- From the Search tab, search for an image by name and select it
Enter the content to display when the button is clicked in the Popup contents field
Click on the X button at the top right of the popup dialog or anywhere outside of the dialog box to close it
To remove a thumbnail from a popup button
Navigate to a popup button on the page
Click on the button next to the button
Click on the Remove Thumbnail button
Click on the X button at the top right of the popup dialog or anywhere outside of the dialog box to close it
To remove a popup button from a page
Navigate to a popup button on the page
Position the cursor below the popup button in the rich text editor
Press the Backspace key (on Windows) or Delete key (on macOS) on your keyboard twice
Hidden Data Button
A hidden data button provides a mechanism for incorporating a menu of hidden information until requested by trainees. Trainees can “request” items from the menu with an explicit action (i.e., by selecting the menu items and clicking the Submit button). The menu can be used to deliver, upon request, textual information or a supported media type. Each menu item may be associated with points that are awarded or deducted as these are requested.
Hidden data buttons, like popup buttons, can be used to mimic real-life situations where the impact of requesting information is non-trivial. For example, in a laboratory setting, hidden data buttons can be used to provide a menu of ancillary tests; trainees can be penalized for frivolous requests and rewarded for valid requests.
To create a hidden data button
Navigate to a page
Position the cursor in the rich text editor where you want the button inserted
Click on the button at the right hand corner of the rich text editor toolbar
Select Hidden Data from the dropdown menu
To edit a hidden data button
Navigate to a hidden data button on the page
Click on the button next to the button
Enter the text that appears on the button in the Button text field
Add an action item to the popup; repeat as necessary
Click on the + Add Item button
Enter the item name in the Name column
Select the type of content for this item from the Type dropdown (Text, Image, or Image Viewer)
In the Response column, provide the content to be shown to the Student when this item is selected:
- For Text types: enter the message in the provided field
- For Image types: click the + button to choose an image from the Repository*
- For Image Viewer types: click the + button to choose an image from the Repository*
Enter the points awarded for the range in the Points field
Click on the X button at the top right of the popup dialog or anywhere outside of the dialog box to close it
*Select an image using one of the available methods:
- From the Repository tab, navigate to a folder and select an image, or
- From the Search tab, search for an image by name and select it
To remove an action item from a hidden data button menu
Navigate to a hidden data button on the page
Click on the button next to the button
Click on the button to the right side of the action item to remove it
Click on the X button at the top right of the popup dialog or anywhere outside of the dialog box to close it
To remove a hidden data button from a page
Navigate to a hidden data button on the page
Position the cursor below the hidden data button in the rich text editor
Press the Backspace key (on Windows) or Delete key (on macOS) on your keyboard twice