Skip to main content

Place questions and content side by side in a Session

Improve the readability and flow of custom Sessions with the Side by side widget.

Updated today
SideBySide-example.png

The Side by side widget is a unique content tool, in that it is not a question and it is not something that students can interact with. It is simply a container for other content and question widgets to help improve the layout of the Session.

Some ways you might want to use this widget include:

  • Illustrate multiple choice answers with an accompanying image;

  • Ask a question next to a relevant diagram or video;

  • Compare two images or diagrams;

  • Place shorter questions next to each other to reduce scrolling in longer Sessions and exams.

You can either add the layout widget first, or you can add your content widgets and then convert them to the side by side layout.

Add the Side by side widget first

2023Prepare-AddWidget-SideBySide.gif

The side by side widget can be found in the Other section of your Content bar in Prepare mode. If you can't see the content bar in your Session, click on the Add content tab sticking to the right edge of your page. When you drag the widget into the Session, It will appear as two blank spaces, split 50/50 by a thin line.

Next, drag content or question widgets into each blank space.

Note: Some widgets are too big to be compatible with the divided space, such as the Table or Open response question. When you try to drag one of these into the side by side space, a warning will appear that says "Oof! That's too big to be beside anything!" If you drop the widget into place anyway, then it will land above or below the side by side layout.

sideBySide.png

The example above includes a Multiple choice widget on the left and an Image widget on the right. Add text and media to the widgets as you would normally.

Add content first and then convert it

Questions and content can be moved into a side by side layout after being created, which means you don't have to rebuild existing questions in order to fit them into the smaller space.

SideBySide-Convert.gif

Find the widget you want to convert and click its More menu, and then select Use side by side layout to convert the layout. The widget you are working with will default to the left half of the side by side widget. You can move it to the right side by dragging the 4-way directional arrow in the top left corner of the widget.

Next, drag your second widget into place by using the same method.

Did this answer your question?