Applies to these roles: Author, Reporter, Admin
Tabs blocks let you explore related concepts in media-rich interactions. They’re perfect for showcasing items one by one.
Step 1: Insert Tabs Blocks
Open a Rise course, then edit an existing lesson or create a new one.
Click All Blocks on the blocks shortcut bar or the insert block icon (+) that appears when you mouse-over a boundary between blocks.
From the sidebar that appears, choose the Interactive category in the block library, then select Tabs.
Step 2: Add Content and New Items
Mouse-over your tabs block and click the Edit button that appears.
The sidebar opens with the Content tab selected by default. You can modify the title and text of each tab 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.
Click the Add Item button at the bottom of the sidebar to add more tabs. There’s no limit to the number of items you can add! Keep in mind that if you add more than four tabs, then learners have to scroll left and right to see all the tabs.
To reorder your tabs, mouse-over a tab and grab the handle that appears. Drag the tab up and down to reorder the list.
To delete a tab, mouse-over it and click the garbage bin icon that appears.
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 Tabs and Accordion Block Types (Optional)
Think your tabs would look better as accordion items? Then change it up! Mouse-over an existing tabs block. Click the Tabs button that appears and select Accordion from the menu.
That’s it! Reverse the process if you want to switch back.
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 disable zoom feature for images.
Tip: Add a continue block after your tabs block when you want learners to complete it before moving on.