test page

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.