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.


2. Select Creator+ Authoring Tools and choose the Insert Element.


3. Select the Click and Reveal option.


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).


5. Add Introductory Content to introduce the element.


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).


7. Edit the Reveal Button Label and Collapse Button Label or leave the default text options of "Learn More" and "Hide Content" (recommended).


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


9. Select Preview to insert the element or Back to edit.


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

Edit a Click and Reveal

1. Navigate to the page containing the Click and Reveal interaction.


2. Select the chevron next to the page title and select "Edit HTML (Web Page)."


3. Find the Click and Reveal interaction and select the box to access the editing tools.
4. Select the pencil icon to edit.
   
   
   • Modify the content, select preview, and insert.
   


5. Choose the trash can icon to delete or remove the interaction from the web page.


6. Select the up and down arrows to adjust the placement of the interaction on the page.


7. Select Save and Close.