In some scenarios, the PDFViewer does not show the correct end page in its toolbar.

I have a file with 73 pages; some of the pages have different sizes.

Current behavior: When I load the file in the PDFViewer and click the 'Last page' button, there is a slight moment where the correct page number is displayed (73), but after that it is changed to 71.

Expected behavior: The correct page number should be displayed when clicking the 'Last page' button.

Bug Report

If you load a PDF with hyperlinks to navigate throughout the PDF, the page will not be rendered and the navigation fails.

Reproducible

1. Go to our live demo.
2. Add a pdf with links pointing to later page
3. Click on the link to later page

Current Behavior

The following console error will occur:
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'offsetParent')

Expected Behavior

The link should navigate to page links.

Environment

• Kendo UI version: 2025.4.1217
• jQuery version: All Supported Versions
• Browser: all

Hello,

I have an 8mb PDF files that I need to be able to search, however when I click on the search tool the entire page starts responding.

This issue happens in your hosted demo. It seems to come as a result of images in the PDF.

What do I need to do to have it work properly?

Thanks,

Greg

Bug report

PDF with a mixture of portrait and landscape pages shows incorrect page numbers in PDFViewer

Reproduction of the problem

Dojo: https://dojo.telerik.com/VtqGfXZA

Load a PDF with mixture of portrait and landscape pages.

Environment

jQuery: 3.4.1

Kendo UI version: 2024.3.1015
Browser: [all ]

I have experience with OpenText Brava Enterprise. I've had the chance to integrate their Viewer in our in-house document management system. This viewer opens up to 100 file formats and allows to add/remove/edit annotations on files and saves these annotations as a separate layer on top of the file. So next time you open the same file to view, you can load the annotations (via API) calls and place the layer of annotations on top.

I was hoping I would see the same thing with Telerik PDF Viewer (and I am aware this works only for PDF). To allow the user to add a Text comment, Shapes, Stamps, Image, PDF Bookmark, etc.

Bug report
PDFViewer focuses zoom input when the user clicks on zoom-in icon in Safari on iPhone and iPad

Reproduction of the problem

Dojo: https://dojo.telerik.com/AvOZeriz

Click on zoom in icon

Expected/desired behavior
Focus shall remain on the zoom in icon

Environment
Kendo UI version: [all]
Browser: [Safari]

Hi Team,

I understand at the moment there is a limitation to exporting Hierarchical Grids to PDF.  I would like to request in the future a way to somehow overcome this.  

Thank you!

Bug report

The Actual Width option in the PDFViewer does not work as expected. The width rendered in the component does not match the actual width of the file.

Test scenario: a file that has 11.69 inches width ( approx. 1122 pixels ) is displayed with ~840px width.

Reproduction of the problem

1. Open a pdf file in Chrome
2. Press the 3-dot- icon next to the print Icon at the top right and press Document Properties
3. Convert the Page Size dimensions from inches to pixels
4. Open the file in the PDFViewer and compare the widths

Current behavior

The page width rendered from the Actual Width feature does not match the actual file width

Expected/desired behavior

The page width from the Actual Width option should match the actual page size of the file.

Environment

• Kendo UI version: 2023.2.606
• Browser: [all ]

Hi,

I am stuck in issue kendo pdf viewer download button not downloding pdf instead it previewing it, so please provide download event so i can fixed that issue

Dear Team,

As like in other frameworks (https://pspdfkit.com/) we should have the in built option to rotate the PDF pages using Kendo UI PDFViewer widget.

https://web-examples.pspdfkit.com/annotations?i=7KSM53H6QBTN7G45WA030T9C0R.C3YbvdyO2FG3Et1PMQ1btA.KV3y

Regards,

Velusamy

The PDF.js library supports sending xhr with credentials. Please expose this option so credentials can be specified.

Hi,

currently i found an workaround for the request but a native support would by cool. Token in url is no alternative

Workaround:

axios({
	url: `${config.apiUrl}/Page/pdf/` + id,
	method: 'GET',
	responseType: 'blob',
	headers : {
		"Authorization": authHeader().Authorization
	}
}).then((response) =>{
	var fileReader = new FileReader();
	fileReader.readAsDataURL(response.data);
	fileReader.onload = function(e){
		var pdfViewer = $("#documentViewer").data("kendoPDFViewer");
		if(!pdfViewer){
			pdfViewer = $("#documentViewer").kendoPDFViewer({
				pdfjsProcessing: {
					file: {
						data: e.target.result.split(",")[1]
					}
				},
				width: "100%",
			}).data("kendoPDFViewer");
		}else{
			console.log("fromFile function");
			// pdfViewer.fromFile(`${config.apiUrl}/Page/pdf/` + id);
			pdfViewer.zoomScale = pdfViewer.options.scale || 1.25;
			pdfViewer.trigger("update", { action: "zoom", zoom: pdfViewer.options.scale || "auto" });
			pdfViewer.options.pdfjsProcessing.file.data = e.target.result.split(",")[1];
			pdfViewer._loadDocument();
		}
	}
})

Added by admin:

The request is a valid one but it should be extended outside the context of Axios. It will be a good feature to introduce a general approach for fetching a file dynamically - jQuery, Axios, etc.

Currently it is not possible to bind the PDFViewer to a file from the view model:

<div data-role="pdfviewer"
             data-pdfjs-processing-file="{file: fileToLoad}"
             data-width="100%"
             data-height="700"
             data-bind="events: { source: }">
 </div>

<script>
  var viewModel = kendo.observable({
      	fileToLoad: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
  }
</script>