👁 Image
Syncfusion.Blazor.SfPdfViewer 33.2.13

Syncfusion® Blazor SfPdfViewer Component

This package contains the Blazor PDF Viewer (NextGen) Component for Blazor applications. The new Blazor PDF Viewer (NextGen) component allows users to view, edit, print, and download PDF files without the web service dependency in Blazor applications. It is designed to be fast and responsive, and comes with the same feature set as the previous PDF Viewer. It is easy to use and can be integrated into both Blazor Server and WASM applications with minimal effort.

👁 Blazor SfPdfViewer

Key features

• View PDF Document - Open and display both the normal and the protected PDF files with AES and RC4 encryption.
• Annotations - Annotate with text markup, shapes, stamps, ink, and sticky notes.
• Form Fields - Form filling and form designing can be done.
• Signature - Hand-written and digital signatures are allowed.
• Toolbar - Built-in-toolbar and custom toolbars to perform user interaction of PDF Viewer functionalities.
• Navigation - Easy navigation with the help of bookmarks, thumbnails, hyperlinks, and table of contents.
• Magnification - Fit to page, fit to width, and automatic (fits to the visible area).
• Search - Search a text easily across the PDF document.
• Core Interactions - Allows scrolling, zooming, panning, selection, and page navigation.
• Print - Print the entire document or a specific page directly from the browser.
• Download - Download the complete document currently loaded in the PDF Viewer.
• Globalization - Provides inherent support to localize the UI.

Add stylesheet and script references

• For Blazor Web App / Blazor Server App, add these to Components/App.razor or App.razor file.
• For Blazor WebAssembly App, add these to wwwroot/index.html file.

<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
<script src="_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js" type="text/javascript"></script>

Quick start

1. Register the Syncfusion® services in the Program.cs file.

• Blazor Server (Program.cs)

using Syncfusion.Blazor;

builder.Services.AddSignalR(o => { o.MaximumReceiveMessageSize = 102400000; });

builder.Services.AddMemoryCache();
//Add Syncfusion Blazor service to the container.
builder.Services.AddSyncfusionBlazor();

• Blazor WebAssembly (Program.cs in the client project)

using Syncfusion.Blazor;

builder.Services.AddMemoryCache();
//Add Syncfusion Blazor service to the container
builder.Services.AddSyncfusionBlazor();

2. Add Blazor PdfViewer component to your Razor page.

@page "/"
@using Syncfusion.Blazor.SfPdfViewer

<SfPdfViewer2 DocumentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
 Height="100%"
 Width="100%">
</SfPdfViewer2>

Documentation

• Getting Started with Blazor SfPdfViewer in Web App
• Getting Started with Blazor SfPdfViewer in WebAssembly App
• Getting Started with Blazor SfPdfViewer in Server App

Help resources

• Component Overview
• Documentation
• Live Demos
• Video Tutorials

Support and feedbacks

• For queries, reach our Syncfusion® support team or post the queries through the community forums.
• Request new feature through Syncfusion® feedback portal.

License

This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA. You can purchase a license here or start a free 30-day trial here.

About Syncfusion®

Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:

Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue

Mobile: Flutter | Xamarin | UWP

Desktop: WinForms | WPF | WinUI

Learn more at www.syncfusion.com.

| Toll Free: 1-888-9-DOTNET