Skip to main content

Order Question

An order question component that asks student to bring a collection of elements into the correct order.

Options#

  • question | (string|node): question for which the student has to bring the available options into the correct order. Default: ''.
  • options | array (required): an array of texts which the student has to bring into the correct ordering (assumed to be the supplied order). Default: none.
  • provideFeedback | boolean: controls whether to show a notification displaying whether the submitted answer is correct or not. Default: true.
  • hintPlacement | string: placement of the hints (either top, left, right, or bottom). Default: 'bottom'.
  • hints | array<(string|node)>: hints providing guidance on how to answer the question. Default: [].
  • feedback | boolean: controls whether to display feedback buttons. Default: true.
  • chat | boolean: controls whether the element should have an integrated chat. Default: false.
  • failureMsg | string: message to be displayed when student submits a wrong answer. Default: none.
  • successMsg | string: message to be displayed when student submits the correct answer. Default: none.
  • disableSubmitNotification | boolean: controls whether to disable submission notifications. Default: false.
  • until | Date: time until students should be allowed to submit answers. Default: none.
  • points | number: maximum number of points awarded in grading. Default: 10.
  • style | object: CSS inline styles. Default: {}.
  • onChange | function: callback which is triggered after dragging an element; has two parameters: a boolean indicating whether the elements were placed in the correct order and and array with the current ordering. Default: onChange() {}.
  • onSubmit | function: callback invoked when answer is submitted; has as a sole parameter a boolean indicating whether the elements were placed in the correct order. Default: onSubmit() {}.

Examples#

Live Editor
Result
Last updated on by Planeshifter