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>

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

Hi,

Is a thumbnail/page viewer in discussion? It would be a real advantage to be able to see thumbs of pages alongside the page viewer.

An example using a different sdk is shown below.

URL:

http://atalasoft-viewer-demo.azurewebsites.net/

Regards,

Graham O'Riley

Netdocs

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.

The print functionality does not work when using chrome on android and safari on iphone. 

I tested at the url https://demos.telerik.com/kendo-ui/pdfviewer/index

Please advise.

Bug report

Currently the result of PDFViewer printing is affected by PDFViewer scale option. When scale is less than 200%, the letters in the printed PDF appear blurred.

Reproduction of the problem

1. Go to https://demos.telerik.com/kendo-ui/pdfviewer/index
2. Set scale option to 100%
3. Print to PDF using "Microsoft Print to PDF" printer. (The final result is the same compared to actual printing to a physical printer)
4. For consistency set the following print options, e.g. in Chrome:

• Paper size: A4
• Pages per sheet: 1
• Margins: None
• Scale: Default

Current behavior

Text in printed PDF file is blurred

Expected/desired behavior

Text in printed PDF file is clear.
NOTE: Clear text may be achieved if PDFViewer scale option is set to 400% on the demo before printing.

Environment

• Kendo UI version: 2019.3.1023
• Browser: all

Both Chrome and Firefox now have native PDF viewer support including the ability to display and navigate bookmarks within the document.  Kendo’s control doesn’t have this functionality, but it’s possible to implement since PDF.js does and the Kendo control supports PDF.js rendering.

We’d really like to have a common UI for viewing documents within our web application, but we’re currently forced to render PDFs natively for Chrome and Firefox and with limited bookmark functionality for Internet Explorer by way of partial bookmark functionality we’ve implemented on top of the Kendo control.

Allow bookmarks to be set in the PDFViewer’s configuration during initialization, and then add a method to allow them to be scrolled-to by id.  The bookmarks would simply be y-coordinate/page number pairs. It’d also be nice if the viewer could read the bookmarks directly, but not entirely necessary with PDF.js rendering since they can be read from PDF.js

Ideally, you could also expose the raw PDF.js document object used by the PDFViewer so that it could be used instead.

Hello,

i have some problems with the updated pdf viewer.

Print

The new print feature failed after the second print call.

Reproduction steps

1. call https://demos.telerik.com/kendo-ui/pdfviewer/index
2. click on print
3. abort browser print dialog
4. call again, there is no content in the print dialog preview or output

Search

Furthermore the search wont work for me, i get only an browser alert and console log entry.

console log on init

console log on search

Uncaught TypeError: Cannot read property 'matches' of undefined

I try to show the pdf viewer in an kendo window, is there any problem known?

Beste regards

Christian

Bug report

The download functionality of the PDFViewer component doesn't work on Apple mobile devices both on Chrome and Safari browsers.

*Note: The above behavior is not represented on Android devices.

Reproduction of the problem

1. Open this demo https://demos.telerik.com/kendo-ui/pdfviewer/indexon iPad or iPhone
2. Tap on the "Download" icon of the PDFViewer.

Current behavior

Nothing happens when the Download icon is tapped. After this tapping part of the other component functionalities like "open" and "search" stop working.

Expected/desired behavior

When the download icon is tapped a "save file" popup should appear and the user can save the currently viewed PDF file.

Environment

• Kendo UI version: 2019.3.917
• jQuery version: x.y
• Browser: [Chrome 77.0.3865.69 | iOS 12.4.1 Safari ]

Bug report

When jQuery 3.4.1 is used paging through PDF file content results in wrong scroll position and no content in PDFViewer

Reproduction of the problem - sample file 1

1. Use the following setup:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,user-scalable=1,initial-scale=1.0" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.917/styles/kendo.common.min.css">
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.917/styles/kendo.rtl.min.css">
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.917/styles/kendo.default.min.css">

    <!-- <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> -->
    <!-- <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

    <script src="https://kendo.cdn.telerik.com/2019.3.917/js/kendo.all.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.js"></script>
    <script>
    window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js';
    </script>
</head>
<body">
    <div id="pdf-viewer"></div>
    <script>
        (function () {
            var viewer = $("#pdf-viewer").kendoPDFViewer({
                pdfjsProcessing: {
                 file: "./Export_numbered.pdf"
                }
            }).getKendoPDFViewer();
        })();
    </script>
</body>
</html>

1. Use the following sample PDF - Export_numbered.pdf

2. Click on Next page button 3 times:
   

3. Click on Next page button once again

Current behavior

Pager shows page 5, but there is no content displayed. Scrolling over the PDFViewer scrolls and displays the content.

Expected/desired behavior

Pager shows page 5 and page 5 is visible on the top of the PDFViewer.
Reproducible when the jQuery version in the setup is changed to 1.12.4 or 2.2.4.

Reproduction of the problem - sample file 2

1. Use the setup above with the PDF file from demos -
   sample.pdf
2. Click on Next page button 2 times:

Current behavior

Pager shows page 3, but there is no content displayed. Scrolling over the PDFViewer scrolls and displays the content.

Expected/desired behavior

Pager shows page 3 and page 3 is visible on the top of the PDFViewer.
Reproducible when the jQuery version in the setup is changed to 1.12.4 or 2.2.4.

Environment

• Kendo UI version: 2019.3.917
• jQuery version: 3.4.1
• Browser: all