Progress® Telerik® UI for Blazor Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 13 Sep 2022 08:59 by ADMIN
Release 3.6.0 (14 Sep 2022) (R3 2022)
Louis
Created on: 10 Feb 2020 16:49
Category: UI for Blazor
Type: Feature Request
121
PDF Viewer component

In addition to the PdfProcessing, I would also like to be able to use a component to show PDFs to my users.

---

ADMIN EDIT

For the time being, a workaround could be to wrap a JS widget, an example is available in this sample project, see the MyKendoPdfViewer.razor component and make sure to include the relevant JS libraries.

Another approach could be a simple iframe that points to a handler that will return the PDF with content-disposition:inline. Most modern browsers will render this inline.

---

Duplicated Items
11 comments
ADMIN
Stamo Gochev
Posted on: 08 Sep 2022 07:18

Hello Sean,

The PDF Viewer component for Blazor will be released as part of R3 2022 (scheduled for next week), so you will have the option to test it very soon.

As for annotations and drawing - such features will not be part of the first version of the component, but once it is out, you can send us feature requests about what you need and provide additional details on what and how you expect the feature to work. Until then, you can make a custom implementation of the capabilities that you need.

Regards,
Stamo Gochev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Sean
Posted on: 01 Sep 2022 18:33

Could I please get an update on this viewer component availability and capability?

I'm looking for a solution to something I need to start coding. 

 

In a Blazor component I need to be able to display a pdf viewer next to a grid.  Then from code be able to annotate the pdf with line drawings based on coordinates (bounding boxes, etc).  The user doesn't need to be able to draw and make annotations from the ui, but I need to be able to draw from code.

Will I be able to draw on the pdf from code?  Can you suggest a solution using your other controls if this won't be available soon?

 

Thanks.

 

ADMIN
Stamo Gochev
Posted on: 08 Jun 2022 03:47

Hello,

We are currently researching various features of the upcoming PDF Viewer component and making prototypes to test which are the most appropriate ways for reading a PDF file, displaying it in various rendering modes, gestures and interactions, etc. It is too early to tell which of them will be part of the first version of the component, but such ideas for improvements can be provided in future versions depending on the demand for them.

What I can say for now is that the component will not work in the way the PDF is displayed in Chrome - we aim at rendering the content of the file regardless of which browser is used. You can check out the Kendo UI PDF Viewer to get an idea of a similar implementation.

Regards,
Stamo Gochev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Christian
Posted on: 01 Jun 2022 12:46

Hi,

as this is planned now, I hope you can already answer a few questions regarding your implementation:

- Will it be possible to pass a PDF as byte array/base64 string in Blazor Webassembly? I'm asking because the Syncfusion component needs server interaction

- Will the viewer support all mobile devices? E.g. the <iframe> implementation in Android's chrome browser does not display the PDF directly, the user has to click "open", then the document is downloaded and opened outside of the browser - which is not what we want

Thank You and Best Regards,

Christian

Marc
Posted on: 10 Mar 2021 21:47
Also for our customer an important feature. It can be better integrated than the browser pdf viewer.
ADMIN
Marin Bratanov
Posted on: 13 Feb 2021 15:26

Hello,

An example was just made in this sample project, see the MyKendoPdfViewer.razor component and make sure to include the relevant JS libraries.

 

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

ADMIN
Marin Bratanov
Posted on: 20 Nov 2020 08:21

Hello John,

The best way to know when there is any news on this is to click the Follow button. Once there is an update, you will receive an email.

In the meantime, I can suggest using one of the following options:

  • a simple iframe that points to a handler that will return the PDF with content-disposition:inline. Most modern browsers will render this inline.
  • using the PDF viewer for jQuery that we have in our Kendo suite in a fashion similar to this sample project.

 

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

John Campion
Posted on: 20 Nov 2020 04:23
This would be very helpful; any chance its coming soon?
ADMIN
Marin Bratanov
Posted on: 26 Feb 2020 19:38

Hello everyone,

Thank you for your feedback, you can Follow the status of this item for updates, and for the time being I can suggest you consider an <iframe> element that points to the service that will return the PDF. Modern browsers already have built-in PDF viewers so they should be able to display the content.

 

Regards,
Marin Bratanov
Progress Telerik

 UI for Blazor
PP
Posted on: 13 Feb 2020 10:32
Yup this would be much appreciated by users of our application as well.
Ben Hayat
Posted on: 11 Feb 2020 00:31
This will be a huge benefit for our app we're working on.
Create an account Log In
View
Type
Status
Category