Button Types


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
  1. Navigate to a page

  2. Position the cursor in the rich text editor where you want the button inserted

  3. Click on the Add Block button at the right hand corner of the rich text editor toolbar

  4. Select Pop-Up from the dropdown menu

To edit a popup button
  1. Navigate to a popup button on the page

  2. Click on the Edit button button next to the button

  3. Enter the text that appears on the button in the Button text field

  4. (Optional) Enter the points awarded for the popup in the Points for opening field

  5. (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:

    1. From the Repository tab, navigate to a folder and select an image, or
    2. From the Search tab, search for an image by name and select it
  6. Enter the content to display when the button is clicked in the Popup contents field

  7. 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
  1. Navigate to a popup button on the page

  2. Click on the Edit button button next to the button

  3. Click on the Remove Thumbnail button

  4. 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
  1. Navigate to a popup button on the page

  2. Position the cursor below the popup button in the rich text editor

  3. 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
  1. Navigate to a page

  2. Position the cursor in the rich text editor where you want the button inserted

  3. Click on the Add Block button at the right hand corner of the rich text editor toolbar

  4. Select Hidden Data from the dropdown menu

To edit a hidden data button
  1. Navigate to a hidden data button on the page

  2. Click on the Edit button button next to the button

  3. Enter the text that appears on the button in the Button text field

  4. Add an action item to the popup; repeat as necessary

    1. Click on the + Add Item button

    2. Enter the item name in the Name column

    3. Select the type of content for this item from the Type dropdown (Text, Image, or Image Viewer)

    4. In the Response column, provide the content to be shown to the Student when this item is selected:

      1. For Text types: enter the message in the provided field
      2. For Image types: click the + button to choose an image from the Repository*
      3. For Image Viewer types: click the + button to choose an image from the Repository*
    5. Enter the points awarded for the range in the Points field

  5. 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
  1. Navigate to a hidden data button on the page

  2. Click on the Edit button button next to the button

  3. Click on the Remove action button to the right side of the action item to remove it

  4. 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
  1. Navigate to a hidden data button on the page

  2. Position the cursor below the hidden data button in the rich text editor

  3. Press the Backspace key (on Windows) or Delete key (on macOS) on your keyboard twice