# 10.3. Annotation Problem¶

Note

EdX does not support this problem type.

In an annotation problem, you highlight specific text inside a larger text block and then ask questions about that text. The questions appear when learners move their cursors over the highlighted text. The questions also appear in a section below the text block, along with space for learners’ responses.

## 10.3.1. Enable Annotation Problems¶

Before you can add annotation problems to your course, you must enable annotation problems in Studio.

To enable annotation problems in Studio, you add the "annotatable" key to the Advanced Module List on the Advanced Settings page. (Be sure to include the quotation marks around the key value.) For more information, see Enabling Additional Exercises and Tools.

## 10.3.2. Create an Annotation Problem¶

To create an annotation problem, you add the Instructions and Guided Discussion segments of the problem, and then the Annotation problem segment of the problem.

### 10.3.2.1. Add Instructions and Guided Discussion¶

To add the Instructions and Guided Discussion segments of the problem, follow these steps.

1. In the unit where you want to create the problem, under Add New Component select Advanced.

2. In the list of problem types, select Annotation.

3. In the component that appears, select Edit.

4. In the component editor, replace the example code with your own code.

5. Select Save.

To add the Annotation problem segment of the problem, follow these steps.

1. Under the annotation component, create a new blank advanced problem component.

2. Paste the following code in the advanced problem component, replacing placeholders with your own information.

<problem>
<annotationresponse>
<annotationinput>
<text>PLACEHOLDER: Text of annotation</text>
<comment>PLACEHOLDER: Text of question</comment>
<tag_prompt>PLACEHOLDER: In your response to this question, which tag below do you choose?</tag_prompt>
<options>
<option choice="incorrect">PLACEHOLDER: Incorrect answer (to make this option a correct or partially correct answer, change choice="incorrect" to choice="correct" or choice="partially-correct")</option>
<option choice="correct">PLACEHOLDER: Correct answer (to make this option an incorrect or partially correct answer, change choice="correct" to choice="incorrect" or choice="partially-correct")</option>
<option choice="partially-correct">PLACEHOLDER: Partially correct answer (to make this option a correct or partially correct answer, change choice="partially-correct" to choice="correct" or choice="incorrect")
</option>
</options>
</annotationinput>
</annotationresponse>
<solution>
<p>PLACEHOLDER: Detailed explanation of solution</p>
</solution>
</problem>

3. Select Save.