Introducing 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:
-
"advanced"
, to load the advanced mode. This is the default layout mode. -
"simple"
, to load the simple mode.
Details and examples for each mode are provided below.
Advanced mode
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.
Advanced mode example
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.
Simple mode
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.
Simple mode example
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.