Submit a request
Submit a request

Changing Item Layouts to Include Columns, Tabs, and Scrolling


There may be cases where you will want to add more than one Question to an Item or add text passages, images, or Features like calculators, rulers, protractors, audio, and video players.

Learnosity Items are designed to be flexible. Items can have one or many Questions or Features, with column customization options that can be used to format the content.

Creating Columns

Columns can be used to divide the Item into sections, making it easier to arrange content.


Figure 1 - Example of using columns to display a text passage on the left and Questions on the right.


In the Item edit menu, there is a Layout button which, once selected, gives you the option of creating columns, adding a vertical divider between columns, and creating two tabs in either/both of the columns.

Column creation within the Item is simple. Depending on the Questions and Features you wish to use in your Item, you can select your desired column option: Single option, 30/70, 70/30, 50/50, 40/60 and 60/40. You can also choose where to create tabs in a column.

 There is also the option to enable scrolling for long content within the layout options, allowing you to generate scrollable passages around this content.


Figure 2 - Layout options.


To reorder the Questions/Features, simply click on the drag handle beside the element you want to move and drag it to where you would like it to be. A drop zone indicator will then appear on the Item.



Figure 3 - Reordering content in the Item.


To add tabs to a column, check the box in the desired column. Click OK on the layout options modal, and then you can begin adding Questions or Features to your tab. In the example below, the column ratio is 50:50, with two tabs in the left column and a vertical dividing line in place.



Figure 4 - 50:50 column layout with vertical separator and tabs in the left column.

Was this article helpful?

Did you arrive here by accident? If so, learn more about Learnosity by clicking here.