Skip to main content

DevExpress v24.1 Update — Your Feedback Matters

Our What's New in v24.1 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

Annotations in WPF PDF Viewer

  • 3 minutes to read

The PDF Viewer allows you to create, edit, or remove text annotations (sticky notes) and text markup annotations (text highlights). You can also add comments and reviews associated with annotations.

TextMarkups

#Create an Annotation

#User Interface

Use commands on the Comment ribbon page to create text markup annotations and sticky notes.

CommentTools

Enable a selection tool in the Text group and select the text that should have an annotation. Click Sticky Note to place the sticky note in a document.

HighlightText

You can also add text markup annotations from the context menu:

MarkupContextMenu

Tip

Use the PdfViewerControl.CursorMode property to change the viewer’s cursor mode in code.

#Code

The following API allows you to add annotations in code:

Method Description
PdfViewerControl.HighlightSelectedText Highlights the selected text.
PdfViewerControl.StrikethroughSelectedText Strikes through the selected text.
PdfViewerControl.UnderlineSelectedText Underlines the selected text.
PdfViewerControl.AddStickyNote Adds a sticky note at the specified position.

The code below highlights the selected text and adds a sticky note:

View Example

using DevExpress.Pdf;
using DevExpress.Xpf.DocumentViewer;
using DevExpress.Xpf.PdfViewer;

private void viewer_DocumentLoaded(object sender, RoutedEventArgs e)
{
    // Select the text to highlight:
    viewer.FindText
    (new TextSearchParameter { Text = "PDF Viewer" });

    // Highlight selected text:
    viewer.HighlightSelectedText();

    //Add a sticky note:
    viewer.AddStickyNote
    (new PdfDocumentPosition(1, new PdfPoint(29, 568)), "Comment");
}

#Change Markup Tool Settings

#User Interface

You can change the default settings for annotation tools. Click the drop-down arrow in the corresponding annotation tool and specify the color and opacity.

MarkupToolColor

#Code

To access the markup tool settings in code, use the PdfViewerControl.MarkupToolsSettings property.

The code sample below shows how to specify the default sticky note and text highlight settings:

<dxpdf:PdfViewerControl>
    <dxpdf:PdfViewerControl.MarkupToolsSettings>
        <dxpdf:PdfMarkupToolsSettings StickyNoteIconName="Help"
                                      StickyNoteColor="SkyBlue"
                                      TextHighlightColor="IndianRed"
                                      TextHighlightDefaultSubject="Spelling"/>
    </dxpdf:PdfViewerControl.MarkupToolsSettings>
</dxpdf:PdfViewerControl>

#Edit Annotations

Use the Annotation Properties dialog to change the annotation properties. Right-click the annotation in the document or in the Comments navigation page and select Properties… to invoke this dialog.

AnnotationPropertiesDialog

Click Set as Default to use the new settings as the default settings for all annotations.

#Add Replies and Reviews

The Comments navigation pane shows all document annotations. You can use it to add replies and set review statuses for the annotations.

comments pane

Select an annotation on the pane, enter text in the invoked editor and click Reply to add the reply to the annotation.

comments reply

To specify the review status, right-click an annotation, select Set Status, and set the status. Select None to remove the review status.

comments set status

#Remove Annotations

Right-click an annotation in document or in the Comments navigation pane and select Delete in the context menu to remove the annotation. You can also select an annotation and press the Delete key.

DeleteAnnotation

#Annotation Events

The table below lists events that occur in response to various annotation actions:

Event Description
AnnotationCreating Fires when the user starts to create an annotation or after the corresponding method call.
AnnotationCreated Raises after the annotation is created.
AnnotationGotFocus Occurs when the annotation receives the input focus.
AnnotationLostFocus Fires when the annotation loses the input focus.
AnnotationChanging Occurs when the user starts to change an annotation.
AnnotationChanged Occurs after the user changed the annotation using the Annotation Properties dialog.
AnnotationDeleting Occurs before the annotation is deleted.
AnnotationDeleted Occurs after the annotation is deleted.
ReplyCreated Occurs after the annotation reply is created in the Comments Panel.
ReplyChanged Occurs after the annotation reply is changed in the Comments Panel.
ReplyDeleted Occurs after the annotation reply is deleted in the Comments Panel.