Rise: How to Use Tabs Blocks

Article Last Updated

This article applies to:

Tabs blocks let you explore related concepts in media-rich interactions. They’re perfect for showcasing items one-by-one.

  1. Insert a Tabs Block
  2. Add Content and New Items
  3. Switch Between Tabs and Accordion Block Types (Optional)
  4. Customize the Block Settings

Step 1: Insert a Tabs Block

  1. Open a Rise course, then edit an existing lesson or create a new one.
  2. Click All Blocks in 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 Tabs.

Step 2: Add Content and New Items

  1. Mouse-over an existing tabs 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 tab item. Click the camera icon to add images, multimedia, or web content.
  3. Click the Add Item button to add additional tab items. There’s no limit to the number of items you can add! Keep in mind that, if you add more than four tabs, learners have to scroll left and right to see all the tabs.
  4. Click Close in the upper right corner to return to your block 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, then 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

In addition to customizing the content, you can modify how the block itself displays.

  1. Mouse-over an existing labeled graphic block and click the Edit button that appears.
  2. Select the Settings tab in the sidebar.
  3. You can disable the zoom feature on images in your tabs.
  4. Increase or decrease the top and bottom padding using the appropriate drop-down menus.
  5. Add a background color by entering the hex code or manually selecting a color.
  6. Click the Close icon in the upper right corner of the sidebar to return to your block lesson.