Click and Reveal Overview

Relevant to: faculty and staff

This article contains information considered accurate at the time of publishing. Technology updates, changes in University security practices, policies and procedures may effect the information in this article - updates to articles are scheduled on a periodic basis and will address any required changes.

Overview

Elements from Brightspace’s Creator+ tool allow developers and content creators to add dynamic components with a user-friendly authoring experience that does not require HTML coding knowledge.

Click and Reveals are a useful tool when you want to present a learner with a question, statement, or fact to reflect on before they select a button to reveal the key learning related to the original statement. You can also use a Click and Reveal to provide additional optional learning materials.

Insert a Click and Reveal

  1. In the Content area, create a new "File (Web Page)" or edit an existing file/web page. Screenshot showing the Content area with options to create or edit a File (Web Page)

  2. Select Creator+ Authoring Tools and choose the Insert Element. Screenshot showing Creator+ Authoring Tools menu with Insert Element selected

  3. Select the Click and Reveal option. Screenshot showing the Click and Reveal option in the Insert Element menu

  4. Choose one of the Format Options to indicate if you want the click trigger to have a Question icon or No Icon (text only). Screenshot showing Format Options for the Click and Reveal element

  5. Add Introductory Content to introduce the element. Screenshot showing the Introductory Content field

  6. Edit the Learner Instructions to ensure that learners know there is a dynamic element or leave the default text "Select to learn more" (recommended). Screenshot showing the Learner Instructions text field

  7. Edit the Reveal Button Label and Collapse Button Label or leave the default text options of "Learn More" and "Hide Content" (recommended). Screenshot showing fields for Reveal and Collapse button labels

  8. Enter "Revealed Content" which is the hidden information that will be shown once the "Reveal Button" is clicked. Screenshot showing the Revealed Content text area

  9. Select Preview to insert the element or Back to edit. Screenshot showing Preview, Insert, and Back buttons

  10. Once Save and Close, the Click and Reveal element is added to your content. Screenshot showing a Click and Reveal element added to the page

Edit a Click and Reveal

  1. Navigate to the page containing the Click and Reveal interaction. Screenshot showing a page with an existing Click and Reveal interaction

  2. Select the chevron next to the page title and select "Edit HTML (Web Page)." Screenshot showing the chevron menu with Edit HTML (Web Page) selected

  3. Find the Click and Reveal interaction and select the box to access the editing tools.
  4. Select the pencil icon to edit. Screenshot showing the pencil icon used to edit a Click and Reveal element

    • Modify the content, select preview, and insert.
    Screenshot showing content editing with preview and insert options

  5. Choose the trash can icon to delete or remove the interaction from the web page. Screenshot showing the trash can icon used to delete a Click and Reveal element

  6. Select the up and down arrows to adjust the placement of the interaction on the page. Screenshot showing arrows used to move a Click and Reveal element on the page

  7. Select Save and Close. Screenshot showing the Save and Close button