Skip to main content
All CollectionsCreateUsing Blocks
How to Use Accordion Blocks
How to Use Accordion Blocks

How to insert, modify, and customize accordion blocks

Anthony Karcz avatar
Written by Anthony Karcz
Updated over a week ago

 Applies to these roles: Author, Reporter, Admin  

Accordion blocks let you explore related concepts in media-rich interactions. They’re just the thing for step-by-step processes. 

Step 1: Insert Accordion Blocks

  1. Open a Rise course, then edit an existing lesson or create a new one.

  2. Click All Blocks on the blocks shortcut bar or the insert block icon (+) that appears when you mouse-over a boundary between blocks.

  3. From the sidebar that appears, choose the Interactive category in the block library, then select Accordion.

Step 2: Add Content and New Items

  1. Mouse-over an existing accordion block and click the Edit button that appears.

  2. The sidebar opens with the Content tab selected by default. You can modify the title and text of each accordion item. Click the camera icon to add images, videos, or web content. Once added, you can change the alignment for and adjust the crop on the full-width image using the image alignment toolbar.

  3. Click the Add Item button at the bottom of the sidebar to add more accordion items. There’s no limit to the number of items you can add!

  4. To reorder your items, mouse-over an item and grab the handle that appears. Drag the item up and down to reorder the list.

  5. To delete an item, mouse-over it and click the trash icon that appears.

  6. When you’re finished, click the X in the upper right corner to close the sidebar and return to your lesson.

Step 3: Switch Between Accordion and Tabs Block Types (Optional)

Think your accordion items would look better as tabs? Then change it up! Mouse-over an existing accordion block. Click the Accordion button that appears and select Tabs from the menu.

That’s it! Reverse the process if you want to switch back to the accordion layout.

Step 4: Customize the Block Settings

Hover over an existing accordion block and click the Design icon that appears on the right-hand side to customize block settings.

Here, you can change padding, background options, and card color, as well as update accordion behavior and disable zoom feature for images.

Tip: Add a continue block after your accordion block when you want learners to complete it before moving on.

Did this answer your question?