DxDocumentViewer Class
A control that displays an interactive preview of a document generated from a report and allows the user to view, print, and export the report document in Blazor Server and standalone Blazor WebAssembly apps.
Namespace: DevExpress.Blazor.Reporting
Assembly: DevExpress.Blazor.Reporting.v25.2.JSBasedControls.dll
NuGet Package: DevExpress.Blazor.Reporting.JSBasedControls
Declaration
Remarks
The Document Viewer is a component that displays an interactive preview of a document generated from a report that is designed on the DevExpress Reporting platform. The Document Viewer allows the user to view, print, and export the report document.
The Document Viewer is designed to display only DevExpress Reports. Our reports use the XML-based report file format, which is not compatible with third-party reporting applications. We offer a utility to convert third-party reports to DevExpress format. Refer to the following help topic for additional information: Convert Third-Party Reports to DevExpress Reports.
The following code adds the DxDocumentViewer control to a page, and loads the TestReport report:
<DxDocumentViewer ReportName="TestReport" Height="1000px" Width="100%">
<DxDocumentViewerTabPanelSettings Width="180" />
</DxDocumentViewer>
Get Started
The following topics show how to create a Blazor application with the Document Viewer using DevExpress and Microsoft templates:
- Use DevExpress Templates to Create a Blazor Application with a JavaScript-based Document Viewer
- Add a JavaScript-Based Document Viewer to a Blazor Web App (Interactive Server)
- Add a JavaScript-Based Document Viewer to a Blazor WebAssembly Standalone App (Visual Studio)