Hallo,

i want to Render PDF Files with the PDF Viewer Component.

The Data of the PDF is already fetched from the API when the PDF-Viewer starts Rendering the Loading animation appears and freezes.

After a few Seconds the PDF will be Rendered.

The size of the PDF File is about 5MB.

Adding the ability to fill in a PDF online in the PDF Viewer would open a lot of opportunity to the library.

The ability to fill-out, sign, and date would be great with a save callback, so it can be pushed to an API.

This request is for allowing to open other document types in PDF Viewer - for example, Word, Excel. The functionality will target viewing only and not editing.

1. Handle the OnOpen event to get the file bytes
2. Use the appropriate format provider of the RadSpreadProcessing library to import the Word/Excel file
3. Export the file with the PdfFormatProvider
4. Pass the converted file to the PDF Viewer to display it

Note: We've registered a bug with this solution. The PDF Viewer does not open other types of documents from the FileSelect in the Toolbar, they can be opened only on initialization of the component. Currently, the bug is in our backlog. Once fixed, the above-listed solution can be used to configure the PDF Viewer for viewing other document types. A knowledge base resource will be published on the matter.

Please expose a parameter to show or hide the "Select files..." button inside the empty PDF Viewer.

Currently, a possible workaround is to use CSS:

<TelerikButton OnClick="@OnOpenToggle">Toggle Open Buttons</TelerikButton>

<TelerikPdfViewer Data="@PdfSource"
                  Class="@HideOpenClass"
                  Height="400px" />

<style>
    .hide-open .k-blank-page,
    .hide-open .k-button:has(.k-i-folder-open) {
        display: none;
    }
</style>

@code {
    private byte[] PdfSource { get; set; }

    private string HideOpenClass { get; set; } = string.Empty;

    private async Task OnOpenToggle()
    {
        string _hideOpenClass = "hide-open";

        HideOpenClass = HideOpenClass == _hideOpenClass ? string.Empty : _hideOpenClass;
    }
}

When you search for a term, the document is not scrolled. Also when the user inserts a search term and clicks Enter the document is scrolled to the second match instead of the first one.

The loading animation is visible only when a user opens a file from the Toolbar of the component. When programmatically opening a file, the loader is not shown. 

Open the PDF Viewer component online demo and click the download button:

Expected - the PDF must be downloaded.

Current - the file is not downloaded.

Set the PdfViewer document (data) value to null. As a result, an endless loader will appear.

===

ADMIN EDIT

===

A possible workaround for the time being is to re-initialize the component after clearing the file: https://blazorrepl.telerik.com/cHYwQola24zzBOAd02.