Working with Advanced and Simple Layout Modes

To cater to different levels of authoring users, Question Editor API can be loaded in different layout modes. The layout mode changes the variety and complexity of Question types offered in the Question Editor.

The desired layout mode is specified using the InitOptions.ui.layout.mode parameter. Choose from the following options:

Details and examples for each mode are provided below.

The advanced layout mode is loaded by default, and displays the full set of Learnosity Question type templates and layouts. All configuration options for each type are exposed via the Question Editor UI.

This mode is recommended for accomplished content authors familiar with the more advanced Question types and configuration options.

The following example loads the Question Editor API using the default "advanced" setting. All question types and options are enabled.

Note that this demo has disabled the live preview which normally renders in the right column of the API.


  • Multiple Choice
  • Fill in the Blanks (Cloze)
  • Classify, Match & Order
  • Written & Recorded
  • Highlight
  • Math
  • Graphing
  • Charts
  • Chemistry
  • Other

 

Multiple choice – standard

Standard Multiple choice question.

Multiple choice – multiple response

Multiple choice question with multiple responses.

True or false

True or false question.

Multiple choice – block layout

Multiple choice question with a Block layout.

Choice matrix – standard

Choice Matrix with 2 option columns in a table format.

Choice matrix – inline

Choice Matrix with 2 option columns in an inline format.

Choice matrix – labels

Choice Matrix with 2 option columns in a table Format with stem numeration.

 
 
 
 

The simple layout mode is for any situation where you want to render a simplified set of Question types and configuration options.

These templates and layouts are an opinionated subset of what's available in the advanced mode, and will be helpful to authors who either don't need the full set of options or may be unfamiliar with some of the advanced Question types and configuration options.

The following example loads the Question Editor API using the "simple" setting. There are fewer templates and they are simpler in nature as compared to those in the advanced mode.

Note that this demo has disabled the live preview which normally renders in the right column of the API.


Question types: 

  • Multiple Choice
  • Fill in the Blanks (Cloze)
  • Classify, Match & Order
  • Written & Recorded
  • Highlight
  • Math
  • Graphing
  • Charts
  • Other

Multiple Choice

Users can select either single or multiple responses.

True/False

Users choose either true or false.

Choice Matrix

Users choose options from a flexible grid of responses.

Was this article helpful?

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