Skip to main content

Free Text Question

An ISLE component for questions where answers by students should be supplied in the form of free text.

Options​

  • question | (string|node): the question displayed at the top of the free text question component. Default: ''.
  • hints | array<(string|node)>: hints providing guidance on how to answer the question. Default: [].
  • hintPlacement | string: placement of the hints (either top, left, right, or bottom). Default: 'top'.
  • feedback | boolean: controls whether to display feedback buttons. Default: true.
  • solution | (string|node): a model answer to the problem. Default: ''.
  • instantSolution | boolean: whether one can toggle the display of the model answer immediately. Default: false.
  • rows | number: number of rows of the text field for students to type their answers. Default: 5.
  • chat | boolean: controls whether to enable group chat should for the question. Default: false.
  • resizable | boolean: controls whether the text area should be resizable. Default: false.
  • placeholder | string: placeholder text displayed before user has entered any text. Default: ''.
  • disableSubmitNotification | boolean: controls whether to disable submission notifications. Default: false.
  • submissionMsg | string: notification displayed when the learner first submits his answer. Default: ''.
  • resubmissionMsg | string: notification displayed for all submissions after the first one. Default: 'You have successfully re-submitted your answer.'.
  • provideFeedback | boolean: indicates whether feedback including the correct answer should be displayed after learners submit their answers. Default: true.
  • maxlength | number: maximum allowed number of characters. Default: 2500.
  • until | Date: time until students should be allowed to submit answers. Default: none.
  • points | number: maximum number of points awarded in grading. Default: 10.
  • className | string: class name. Default: ''.
  • style | object: CSS inline styles. Default: {}.
  • onChange | function: callback invoked every time the text area value changes; receives the current text as its sole argument. Default: onChange() {}.
  • onSubmit | function: callback invoked when user submits an answer; receives the submitted text as its sole argument. Default: onSubmit() {}.

Examples​

Live Editor
Result
ReferenceError: Provider is not defined