Carousel blocks

Carousels are a type of interactive block.

They consist of a number of slides within a single block. This makes them great for telling stories and describing scenarios.

Contents of this article:

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

To 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 finalise your choice.

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

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

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

To rearrange the order of the 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.

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