Click and reveal blocks

Click and reveal is a type of interactive block.

They are great for sharing topics with several topics. They are a great way to introduce interactivity into your content delivery as they are fun and engaging for learners to explore.

There are a number of different kinds of click and reveal blocks, including text-based, card-based and hotspot-based elements.

Contents of this article:

• Create a click and reveal block
• Add images and text to a click and reveal block
• Add new click and reveal pieces
• Change the pop-up layouts
• Rearrange the order of click and reveal pieces
• Relocate a hotspot on an image
• Delete or duplicate a click and reveal piece

To create a click and reveal block:

1. Navigate to the storyboard view of your lesson.

2. Select 'Add new block'

3. Select the 'Interaction' drop-down in the left-hand sidebar.

4. Select 'Click and reveal'. The library will display available block layouts that include click and reveal elements. 

5. Select 'Preview' to view the block layout without creating it.

6. Select 'Choose block' to finalise your choice.

  

To add text and images to click and reveal elements:

1. Navigate to the editor view of your click and reveal block.

2. Select the click and reveal section of the block.

3. Select the headings or images directly to edit them.

4. Select the magnifying glass to reveal the pop-up.

5. In the pop-up, select the headings, body text or images directly to edit them.

To add new click and reveal pieces:

1. Navigate to the editor view of your click and reveal block.

2. Select the click and reveal section of the block.

3. In the left-hand sidebar, roll your mouse over over the existing click and reveal pieces.

4. Select one of the blue '+' buttons.

To change the pop-up layouts:

1. Navigate to the editor view of your click and reveal block.

2. Select the click and reveal section of the block.

3. In the left-hand sidebar, select the drop-down under 'Content Layout' and select your preferred layout.

To rearrange the order of the click and reveal pieces:

1. Navigate to the editor view of your click and reveal block.

2. Select the click and reveal section of the block.

3. In the left-hand sidebar, select the piece you wish to move.

4. Drag it up or down the sidebar to rearrange it's position and drop it into place.

To relocate a hotspot on an image:

1. Navigate to the editor view of your click and reveal block.

2. Select the click and reveal section of the block.

3. Select the hotspot button on the image and drag it to it's new position, OR

4. In the left-hand sidebar, adjust the LEFT and TOP values for the corresponding button.

To delete or duplicate a click and reveal piece:

1. Navigate to the editor view of your click and reveal block.

2. Select the click and reveal section of the block.

3. In the left-hand sidebar, select the three vertical dots button next to the heading you wish to delete or duplicate.

4. Select 'Delete' or 'Duplicate' from the drop-down.