test page - CMUCTAT/CTAT GitHub Wiki

Attributes and Settings

See parameters of all tutorable components

  • ID: (Required) The name of the component; must be a valid HTML id name. The HTML editor generates a unique default value, but users should change this to something meaningful.
    • HTML attribute: id.
  • Tutored: Enabled by default. Controls if direct actions on the component trigger grading.
    • HTML attribute: data-ctat-tutor. Can be true or false; default is true.
  • Show Feedback: Enabled by default. Determines if grading feedback is shown on the component.
    • HTML attribute: data-ctat-show-feedback. Can be true or false; default is true unless data-ctat-tutor="false".
  • Show Highlight: Enabled by default. Determines if hint highlighting is shown on the component.
    • HTML attribute: data-ctat-show-hint-highlight. Can be true or false; default is true.
  • data-ctat-disable-on-correct: true or false. Default is true. Determines if the component becomes locked when it is graded as correct.
  • data-ctat-max-cardinality: An integer. Default is infinity. If this component contains this number or more children, then it will reject any attempts to drop more objects into it.
Editor setting HTML attribute Description
ID id Required. The name of the component, must be a valid html id name.
Enabled data-ctat-enabled true or false. Default is true. Controls if the component will accept student interaction.
Tutored data-ctat-tutor true or false. Default is true. Controls if direct actions on the component trigger grading.
n/a class Required. The class list must include CTATDragNDrop and no other CTAT<component> classes.
Group Name name Optional, but recommended. Default value in editor: "DragNDropGroup". Source and destination CTATDragNDrops must have the same group name.
⚠️ **GitHub.com Fallback** ⚠️