Skip to main content
Skip table of contents

Create Side-by-Side Items

The Side-by-Side template allows you to display a resource and an interaction side-by-side. You can also convert existing items to a side-by-side format.

screen shot of an example of a side-by-side item featuring an image of a woodpecker on the left and a related question on the right.

Legacy Item Editor

Create a Side-by-Side Item

  1. From the main navigation menu, choose Items.
  2. Click New Item.
  3. Choose Side-by-Side in the text editor.
  4. Click within a cell to add the desired elements. Each cell may have an item interaction, an image, text, or a resource.
  5. Optionally, if you add a passage, you can add a scrollbar. This allows students to scroll the passage independently of the interaction. From the Passage Height section of the Passage Properties, select Limit passage area to a fixed height with scrollbar. Enter the Display height.

  6. Optionally, right-click on the interaction to delete the interaction or choose from more options. 

Convert an Existing Item to Side-by-Side Format

You can convert existing applicable items to a side-by-side format.

You cannot convert the item to a side-by-side format if the passage is inside the instruction block. You must move the passage outside the instruction or interaction block to enable the side-by-side conversion.

  1. Search to find the item.
  2. Click Edit.
  3. Click Convert to Side-by-Side Template.

Redesigned Item Editor

Create a Side-by-Side Item

  1. From the main navigation menu, choose Items.
  2. Click New Item (Redesigned).
  3. Enter the item Properties.

  4. Select Build.

  5. Click the Create Side-by-Side Item icon in the text editor.
  6. Click within a cell to add the desired elements. Each cell may have an item interaction, an image, text, or a resource.
  7. Optionally, if you add a passage, you can add a scrollbar. This allows students to scroll the passage independently of the interaction. From the Passage Height section of the Passage Properties, select Limit passage area to a fixed height with scrollbar. Enter the Display height.

  8. Optionally, right-click on the interaction to delete the interaction or choose from more options. 

Convert an Existing Item to Side-by-Side Format

You can convert existing applicable items to a side-by-side format.

You cannot convert the item to a side-by-side format if the passage is inside the instruction block. You must move the passage outside the instruction or interaction block to enable the side-by-side conversion.

  1. Search to find the item.
  2. Click Edit.
  3. Click the Convert to Side-by-Side Template icon in the text editor.


JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.