How do I add DocViewer annotations in the Teacher app on my iOS device?

When viewing assignment submissions, you may be able to add annotated comments in the submission. Canvas DocViewer is a tool that allows annotations in online assignment submissions. Annotations made in Canvas Teacher sync with SpeedGrader in the web version of Canvas.

If a student submits a file that is not compatible with DocViewer, the document previewer will still display the file, but DocViewer markup and commenting will not be available.

When you open a submission, DocViewer will automatically save any annotations made to the submission file for one hour. You can restart a DocViewer session at any time by refreshing the submission page.

The images in this lesson are shown for a phone display, but unless otherwise noted, tablet displays mirror the same steps.

Notes:

  • Files over 100 MB and password-protected files will not be converted by DocViewer.
  • SpeedGrader may take up to ten minutes after an assignment is submitted to display a document that supports DocViewer.

View Submission

View Submission

Files that are compatible with DocViewer display the DocViewer Toolbar at the top of the document and includes six different annotation types. Select an annotation tool by tapping the annotation icon [1]. When selected, the icon will include a white background. To no longer use an annotation tool, tap the annotation icon again.

While adding an annotation or comment, you can undo or redo the last action made in the submission by tapping the More Options icon [2].

To grab the page, tap the Grab Annotation icon [3].

If a submission includes more than one page, view the additional pages by swiping up your screen.

Add Point Annotation

Add Point Annotation

To leave a point annotation, tap the Point icon [1].

Tap the area where you want to add the annotation [2].

Add Comment

Add Comment

Point annotations immediately require a comment. In the Reply field [1], type the comment for the point annotation. Tap the Send icon [2].

Delete Comment

Delete Comment

To delete your comment, tap the Delete icon [1]. To return to the submission, tap the Done link [2].

Modify Point Annotation

Modify Point Annotation

To move the annotation, tap and hold the annotation icon in the document [1]. Drag the annotation to the new area.

To view and modify your annotation comment, tap the Comments link [2]. You can also use this link to view and reply to any student comments made in DocViewer.

To change the color of the point annotation, tap the Style link [3].

To delete the annotation, tap the Delete icon [4]. Deleting an annotation will also delete any associated comments immediately.

Add Highlight Annotation

Add Highlight Annotation

To highlight text within the document, tap the Highlight icon [1].  

To select a color for the highlight annotation, tap the Color icon [2].

Then tap and drag to highlight text within the submission [3].

Modify Highlight Annotation

Modify Highlight Annotation

To modify the annotation, tap and hold the annotation [1].

To add a comment to the highlight annotation, tap the Comments link [2]. You can also use this link to view and reply to any student comments made in DocViewer.

To change the color of the highlight annotation, tap the Style link [3].

To delete a highlight annotation, tap the Delete icon [4]. Deleting an annotation will also delete any associated comments immediately.

Add Text Annotation

Add Text Annotation

To add text directly in the submission, tap the Free Text icon [1].

To select a color for the text annotation, tap the Color icon [2].

Tap the area where you want to add the annotation [3].

Add Text in Annotation

Add Text in Annotation

In the text field [1], enter the text you want to add for the annotation. To change the size of the text, tap the point link [2].

When you are done, tap the Done link [3].

Modify Text Annotation

Modify Text Annotation

To modify the annotation, tap the annotation text box [1].

To move the annotation, tap and hold the annotation outline in the document. Drag the annotation to the new area.

To add a comment to the text annotation, tap the Comments link [2]. You can also use this link to view and reply to any student comments made in DocViewer.

To change the text size or color, tap the Style link [3].

To edit the annotated text, tap the Edit link [4].

To delete a text annotation, tap the Delete icon [5]. Deleting an annotation will also delete any associated comments immediately.

Add Strikeout Annotation

Add Strikeout Annotation

To indicate that text should be deleted, tap the Strikeout icon [1].

To select a color for the strikeout annotation, tap the Color icon [2].

Tap and drag to strikeout text within the submission. A line will appear indicating the text has been struck out [3].

Modify Strikeout Text Annotation

Modify Strikeout Text Annotation

To modify the annotation, tap the annotation [1].

To add a comment to the text annotation, tap the Comments link [2]. You can also use this link to view and reply to any student comments made in DocViewer.

To change the strikeout color, tap the Style link [3].

To delete a strikeout annotation, tap the Delete icon [4]. Deleting an annotation will also delete any associated comments.

Add Area Annotation

Add Area Annotation

To leave an area annotation, tap the Area icon [1].

To select a color for the area annotation, tap the Color icon [2].

Tap and drag the rectangle around an area of the submission [3]. A box will appear indicating the area for the annotation.

Modify Area Annotation

Modify Area Annotation

To modify the annotation, deselect the annotation type [1]. Tap the annotation icon in the document [2]. A blue outline will display around the annotation area.

To move the annotation, tap and hold the area annotation outline in the document. Drag the annotation to the new area.

To add a comment to the area annotation, tap the Comments link [3]. You can also use this link to view and reply to any student comments made in DocViewer.

To change the color for the annotation, tap the Style link [4].

To delete the annotation, tap the Delete icon [5]. Deleting an annotation will also delete any associated comments.

Add Draw Annotation

Add Draw Annotation

To make freehand drawings and annotations, tap the Draw icon [1].

To select a color for the draw annotation, tap the Color icon [2].

Tap and drag to start a drawing. Free-form lines will appear indicating the drawing area [3]. You can add multiple strokes to a drawn annotation.

Note: You may have to tap the Options icon to view the Draw tool.

Modify Draw Annotation

Modify Draw Annotation

To modify the annotation, ensure the annotation type is not selected [1]. Then tap the annotation [2]. A blue outline will display around the annotation drawing. To move the annotation, tap and hold the draw annotation outline in the document. Drag the annotation to the new area.

To add a comment to the drawing annotation, tap the Comments link [3]. You can also use this link to view and reply to any student comments made in DocViewer.

To change the color for the annotation, tap the Style link [4].

To delete the annotation, tap the Delete icon [5]. Deleting an annotation will also delete any associated comments.

Erase Draw Annotation

Erase Draw Annotation

To erase your drawing annotation, tap the Erase icon [1]. Then tap and hold your screen to use the eraser tool [2].

Notes:

  • The Eraser tool can only be used to erase drawing annotations.
  • You may have to tap the Options icon to view the Eraser tool.

Undo Annotation

Undo Annotation

To undo the most recent annotation, tap the Erase icon [1]. Then select the Undo link [2].