Adding Tooltips to a Problem

Adding Tooltips to a Problem#

You can add inline tooltips to help learners understand terminology or other aspects of a problem. Tooltips display text to learners when they move their cursors over a tooltip icon.

The following example problem includes two tooltips. The tooltip that provides a definition for “ROI” is being shown.

An example of a tooltip from a learner's point of view.

Note

For learners using a screen reader, the tooltip expands to make its associated text accessible when the screen reader focuses on the tooltip icon.

To add the tooltip, you wrap the text that you want to appear as the tooltip in the clarification element. For example, the following problem contains two tooltips.

<problem>
    <text>
        <p>Given the data in Table 7 <clarification>Table 7: "Example PV
          Installation Costs", Page 171 of Roberts textbook</clarification>,
          compute the ROI <clarification><strong>ROI</strong>: Return on
          Investment</clarification> over 20 years.
        </p>
     . . .

Guide to Problem Types (reference)

Working with Problem Components (reference)

Guide to Problem Settings (reference)

Gradebook Assignment Types (reference)

Best Practices for Providing Feedback (concept)

Adding Feedback and Hints to a Problem (reference)

Configure a Hint in a Problem (how-to)

Awarding Partial Credit for a Problem (reference)

Set the Assignment Type and Due Date for a Subsection (how-to)

The Learner View of a Problem (reference)

The Advanced Editor (reference)

Add Hints via the Advanced Editor (how-to)

Modifying a Released Problem (reference)

Add Unsupported Problem Types and Exercises (how-to)

Maintenance chart

Review Date	Working Group Reviewer	Release	Test situation

Feedback