Carousel blocks

Carousels are an interactive block made up of multiple slides, perfect for telling stories or walking learners through scenarios step by step.

Contents of this article:

• Create a carousel block
• Add text and images to a carousel block
• Switch between text & image and image-only style carousels
• Add new carousel slides
• Rearrange order of carousel slides
• Delete or duplicate a carousel slide

This guide shows you how to create and use carousels to present content in a more engaging way.

Create a carousel 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 'Carousel'. The library will display available block layouts that include carousels. 
5. Select 'Preview' to view the block layout without creating it.
6. Select 'Choose block' to finalize your choice.

Add text and images to carousel slides

1. Navigate to the editor view of your carousel block.
2. Select the carousel section of the block.
3. Select the body text or images directly to edit them.
4. Select the 'Next slide' button to progress through the slides to view and edit them.

Switch between text & image and image-only style carousels

1. Navigate to the editor view of your carousel block.
2. Select the carousel section of the block.
3. In the left-hand sidebar, select the drop-down under 'Carousel Type' and select your preferred format.

Add new carousel slides

1. Navigate to the editor view of your carousel block.
2. Select the carousel section of the block.
3. In the left-hand side bar, roll your mouse over over the existing carousel pieces.
4. Select one of the blue '+' buttons.

Rearrange order of carousel slides

1. Navigate to the editor view of your carousel block.
2. Select the carousel section of the block.
3. In the left-hand sidebar, select the slide you wish to move.
4. Drag it up or down the sidebar to rearrange it's position and drop it into place.

Delete or duplicate a carousel slide

1. Navigate to the editor view of your carousel block.
2. Select the carousel section of the block.
3. In the left-hand sidebar, select the three vertical dots button next to the slide number you wish to delete or duplicate.
4. Select 'Delete' or 'Duplicate' from the drop-down.