How can I help you?
Annotations in mobile view
12 Feb 20263 minutes to read
This topic explains how to work with annotations in the mobile view of the Blazor SfPdfViewer. It covers opening the annotation toolbar, adding annotation types, adjusting properties, deleting annotations, and using the comments panel.
Open the annotation toolbar
Open the annotation toolbar by tapping the Edit Annotation option in the mobile primary toolbar. The annotation toolbar appears at the bottom of the viewer.
Add a sticky note annotation
Tap the Sticky Note Annotation icon, then tap anywhere in the viewer to place the note.
The comments panel opens to enter the comment associated with the sticky note.
Add a text markup annotation
Long-press to select text in the PDF, then tap a Text Markup Annotation option in the toolbar (for example, highlight, underline, strikethrough, or squiggly).
The toolbar then shows properties for the chosen annotation (such as color and opacity).
Add a shape annotation
Tap the Shape Annotation icon in the toolbar to view available shapes.
Choose a shape, then tap and drag in the viewer to draw it.
After placement, the toolbar switches to the properties toolbar for the added annotation; adjust options such as fill color, stroke color, thickness, and opacity.
Add a measurement annotation
Tap the Measure Annotation icon in the toolbar to view supported measurement types.
Select a measurement type, then tap and drag in the viewer to add it.
After placement, the properties toolbar appears with options relevant to the measurement annotation (for example, stroke color, thickness, and opacity).
Add a free text annotation
Tap the Free Text Annotation icon in the toolbar. The properties toolbar appears with options for text formatting (such as font size, color, and opacity).
Tap anywhere in the viewer to insert the free text annotation.
Add a stamp annotation
Tap the Stamp Annotation icon, then choose a stamp from the available list.
Tap anywhere in the viewer to place the stamp. The properties toolbar then appears for additional adjustments where applicable.
Add a signature
Tap the Handwritten Signature icon to open the signature dialog.
Draw the signature in the dialog’s canvas, then tap Create to add it to the viewer.
Tap anywhere in the viewer to place the signature. The properties toolbar then appears for further adjustments.
Add an ink annotation
Tap the Ink Annotation icon, then draw directly in the viewer.
When finished, tap the Ink Annotation icon again to exit drawing mode. The properties toolbar then appears with options for ink color, thickness, and opacity.
Change annotation properties before adding
Annotation properties can be configured before placement. For example, tap a shape to show its properties toolbar, adjust the settings, then tap and drag to place the annotation. The annotation is added with the modified properties.
Change annotation properties after adding
After placement, select the annotation to display its properties toolbar. Adjust required properties; the changes are applied immediately to the selected annotation.
Delete an annotation
Select the annotation to delete. In the properties toolbar, tap the Delete icon. The annotation is removed from the PDF, and any associated comment is also deleted.
Open and close the comments panel
Open the comments panel from the More options menu at the right end of the mobile primary toolbar.
To close the comments panel, tap the Close icon within the panel.
