Order

The candidate puts options in order, or chooses some and ranks them.

For authors

An order interaction asks for a sequence. It comes in two layouts.

Try it

List: every option starts in a slot, and the candidate rearranges them.

Try itOrder a listFour stages of mitosis, shuffled into one list the candidate rearranges. The order is the answer, and a list nobody touched is no answer.

Put the stages of mitosis in the order they happen, first to last.

Prophase: the chromosomes condense

Metaphase: the chromosomes line up across the middle

Anaphase: the sister chromatids are pulled apart

Telophase: two new nuclei form

Bank: the slots start empty, and the candidate fills them from a set of options. Here they choose three of eight.

Try itChoose and rankThree planets chosen from a bank of six and ranked. min-choices turns ordering every choice into choosing some and ordering those.

Choose the three largest planets by diameter and rank them, largest first.

Mars

Uranus

Jupiter

Neptune

Saturn

Earth

Answering

Drag an option to a slot, or use its buttons: Add (to the first empty slot), Move earlier, Move later and Remove. A list left untouched is no answer, since a shuffled list could come out right by chance. Any move answers the question, even dropping an option where it was.

A qti-choices-top, -bottom, -left or -right class chooses the bank layout, and where the options sit.
min-choices and max-choices let a candidate order only some of the options.
orientation is horizontal (the default) or vertical.
qti-labels-* classes number the slots.

Scoring

The response is the options in the order given. Exact match compares the whole sequence.

In the editor

Insert adds an order interaction with three options. The editor cannot set its correct order yet: write it in the item’s source, or import the item.