PdfViewer not rendering in client computer

[Senthamarai A]

We are in process of trying out Telerik UI for ASP.NET AJAX  PdfViewer and have observed that the demo page https://demos.telerik.com/aspnet-ajax/pdfviewer/overview/defaultcs.aspx is not correctly rendering in few machines .

 

Here is the output that we are seeing.

 

Is there a system setting that needs to be added to correct this issue?

 

Thanks.

 

[Valentin Dragnev]

Hello Senthamarai A,

I tested the behavior in the PdfViewer Demo, but everything looks exactly like expected on my machine. I tested it on Windows 11 machine in Еdge and Chrome. 

Still, we have other reports for this issue from our clients and colleagues. I would suggest checking the following links since the most likely reason for the incorrect rendering is a Windows update. There you can find resources from Microsoft and Google where the exact same problem occurs and how to fix it:  

• https://answers.microsoft.com/en-us/windows/forum/all/google-chrome-broken-text/becc954d-ea48-4b20-a839-48b902dfc895
• https://support.google.com/chrome/thread/2374395/chrome-s-text-is-glitched?hl=en
• https://support.google.com/chrome/answer/95290?hl=en

If the provided suggestions didn't work and fix the problem, please check for any browser plugin/extension, that may cause the issue. You can try disabling them and see what the result is. 

If you are expecting this behavior locally on your project, that problem will be related to missing some of the needed Pdf.js references on the page as per the instructions in the Getting Started article. Please make sure that the lines below are present on the page with the RadPdfViewer.

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js"></script>
<script type="text/javascript">
    window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js';
</script>

 

Looking forward to your reply.

 

 

Regards,
Valentin Dragnev
Progress Telerik

[Rumen]

Another potential reason for the problem is the used Chromium version. The PdfViewer is a wrapper of the pdf.js framework and it is bound to its core functionality. If you see the same glitches with plain pdf.js on the page as well, I am afraid there is nothing we can do to remedy the situation:

https://mozilla.github.io/pdf.js/

The pdf.js tool is developed by Mozilla Firefox and hopefully, they can fix the glitches for Chrome-based browsers as well.