Skip to content

Commit babe0c5

Browse files
committed
Sync with Kendo UI Professional
1 parent 03c3a39 commit babe0c5

File tree

4 files changed

+43
-6
lines changed

4 files changed

+43
-6
lines changed
Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
---
2+
title: Annotations
3+
page_title: Telerik UI PDFViewer Documentation - Annotations
4+
description: "Learn more about the annotations supported by the Telerik UI for {{ site.framework }} PDFViewer component."
5+
slug: annotations_pdfviewer_aspnetcore
6+
position: 5
7+
---
8+
9+
# Annotations
10+
11+
Starting with version 2025.1.211, the PDFViewer provides a set of annotation types that allow you to enhance PDF documents.
12+
13+
You can highlight important text with the colors of your choice and add notes as free text in the document. The component creates a dedicated layer for the annotations and includes them when downloading or printing the file.
14+
15+
## Working with Annotations
16+
17+
To use the built-in PDFViewer annotations:
18+
19+
1. Select the `Enable selection` tool.
20+
1. Click on the `Annotations` button on the top-right of the toolbar, which opens an additional section below the toolbar containing the annotation tools.
21+
1. Choose any of the available tools.
22+
23+
Depending on which tool you choose, you can either double-click on a text to highlight it or click to insert a free text as a note. For both annotations, you can use a [ColorPicker]({% slug overview_colorpickerhelper_aspnetcore%}) editor to change the highlight color or the color of the inserted free text and a delete button if you wish to remove your annotation.
24+
25+
## Disabling the Annotations
26+
27+
The annotations tool is enabled by default. To remove them, configure the [toolbar]({% slug htmlhelpers_pdfviewer_toolbar_aspnetcore %}) settings to show the preferred tools.
28+
29+
## See Also
30+
31+
* [Basic Usage of the PDFViewer for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/pdfviewer)
32+
* [Server-Side API Reference of the PDFViewer for {{ site.framework }}](/api/pdfviewer)
33+
{% if site.core %}
34+
* [Server-Side TagHelper API Reference of the PDFViewer for {{ site.framework }}](/api/taghelpers/pdfviewer)
35+
{% endif %}

docs-aspnet/html-helpers/pdf/pdfviewer/events.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Events
33
page_title: Events
44
description: "Learn how to handle the events of the Telerik UI PDFViewer component for {{ site.framework }}."
55
slug: events_pdfviewer_aspnetcore
6-
position: 6
6+
position: 7
77
---
88

99
# Events

docs-aspnet/html-helpers/pdf/pdfviewer/overview.md

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -121,10 +121,12 @@ The following example demonstrates how to initialize the PDFViewer by using the
121121

122122
## Functionality and Features
123123

124-
* [PDF.js processing]({% slug htmlhelpers_pdfviewer_pdfjs_processing_aspnetcore %})—You can configure the PDFViewer to use the PDF.js library for PDF processing and visualization.
125-
* [DPL processing]({% slug htmlhelpers_pdfviewer_dpl_processing_aspnetcore %})—The component can use the Telerik Document Processing library to process and visualize a PDF document.
126-
* [Toolbar and tools]({% slug htmlhelpers_pdfviewer_toolbar_aspnetcore %})—The PDFViewer offers diverse tools and commands.
127-
* [Events]({% slug events_pdfviewer_aspnetcore %})—To control the behavior of the component upon user interaction, you can use the events that the component emits.
124+
* [PDF.js Processing]({% slug htmlhelpers_pdfviewer_pdfjs_processing_aspnetcore %})—You can configure the PDFViewer to use the PDF.js library for PDF processing and visualization.
125+
* [DPL Processing]({% slug htmlhelpers_pdfviewer_dpl_processing_aspnetcore %})—The component can use the Telerik Document Processing library to process and visualize a PDF document.
126+
* [Toolbar and Tools]({% slug htmlhelpers_pdfviewer_toolbar_aspnetcore %})—The PDFViewer offers diverse tools and commands.
127+
* [Annotations]({% slug annotations_pdfviewer_aspnetcore %})—You can highlight important text areas with different colors or add free text notes in the document.
128+
* [Events]({% slug events_pdfviewer_aspnetcore %})—To control the behavior of the component upon user interaction, you can use the events that the component emits.
129+
* [Accessibility]({% slug accessibility_aspnetcore_pdfviewer %})—The PDFViewer is accessible for screen readers, supports WAI-ARIA attributes, and delivers [keyboard shortcuts]({% slug keynav_aspnetcore_pdfviewer %}) for faster navigation.
128130

129131
## Next Steps
130132

docs-aspnet/html-helpers/pdf/pdfviewer/razor-page.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Razor Pages
33
page_title: Razor Pages
44
description: "Learn how to configure the Telerik UI PDFViewer for {{ site.framework }} in RazorPages scenario."
55
slug: htmlhelpers_pdfviewer_aspnetcore_razor_page
6-
position: 5
6+
position: 6
77
---
88

99
# PDFViewer in Razor Pages

0 commit comments

Comments
 (0)