xtrareports-9814-web-reporting.md
This topic introduces you to DevExpress Reports components for Web. It also includes links to demos and tutorials created to help you get started with these components. To see available components in action and to learn about their features and capabilities, explore our online demos:
Run Demo: BlazorRun Demo: ASP.NET CoreRun Demo: ASP.NET MVC
If you are new to Reporting, see the following help topic for information about report control/component architecture: Web Report Component Architecture.
You can integrate DevExpress Document Viewer and End-User Report Designer components into web applications. These components are available for multiple platforms: ASP.NET WebForms, ASP.NET MVC, ASP.NET Core, and Blazor. The components can also be integrated into JavaScript applications based on Knockout bindings or the following frameworks: Angular, React, and Vue.
Our web components support .NET 8+ and .NET Framework 4.6.2+.
Use the DevExpress Document Viewer component for Web when your app requires the following capabilities:
Real-life scenarios:
For more information, review the following help topic: Document Viewer for Web.
The DevExpress End-User Report Designer component for Web allows users to create, customize, and manage reports directly in a web browser. The built-in viewer is a fully functional Document Viewer control that allows users to preview, print, and export documents.
Why use the DevExpress End-User Report Designer?
Real-life scenarios:
For more information, review the following help topic: End-User Report Designer for Web.
Use this approach to print or export reports when your application does not require interactive report preview on the client side, and you want to generate and deliver reports asynchronously in a lightweight, API-driven manner.
In this scenario, the web client sends a request to the server. The request contains a report name, report parameters, and export options. The server part responds with a document in the specified export format.
Real-life scenarios:
This configuration is used to print a report without displaying it on a web page. The server generates a PDF document and sends it to the client. The client uses built-in support for PDF (available in most browsers) to print the document.
For more information, review the following help topic: Printing and Export in Reporting Tools for Web.
In a Visual Studio project, create a new report class. The Visual Studio Report Designer is invoked automatically. For more information about report creation, review the following help topics:
DevExpress reports are cross-platform , and you can create a report in a web or desktop-based application that targets supported frameworks. You can build a report class library and share it between projects. A report can be saved in XML format in a report definition file (REPX). Report definitions that you create in a web application can be reused in a desktop application, and vice versa.
In a web application, you can load a report by instantiating its class or use the Report API to load a report from a file in a REPX format.
More information about Visual Studio Report Designer: Visual Studio Report Designer.
You can create and modify reports in the DevExpress Report Designer integrated to Visual Studio Code as an extension. Read more: Devexpress Report Designer for Visual Studio Code (VS Code).
Create an application that contains the End-User Report Designer to allow your customers create and design reports directly in a browser. For more information, review the following help topic: End-User Report Designer for Web.
The user interface of DevExpress Web Reporting components is built with Knockout template bindings and DevExtreme component libraries. You can modify Knockout templates to make changes to UI elements for the ASP.NET WebForms, ASP.NET MVC, ASP.NET Core, and all supported JavaScript frameworks. The Document (Report) Viewer component for Angular and React does not rely on the Knockout.js library, and you can register your own Angular/React components as Report Viewer templates.
The following help topic describes how to find and modify a template, and include it in your project:
Review the following help sections for information on the most common customization tasks:
For information about customizations in JavaScript frameworks, refer to the corresponding help sections.
The End-User Report Designer and Document Viewer UI are fully localizable.
Localized strings in languages other than English are created by our community. We have a dedicated localization service that you can use to download translations and add missing strings, or customize translations as needed.
Reports are also localizable. You can specify translations and adjust the layout for different languages in the report designer. A localized report contains language-specific layout and text, and generates different documents depending on the selected language.
For more information, review the following help topics:
Review the following section for more information: AI-powered Extensions for DevExpress Reports.
Review the following section for more information: Reports for Web - Application Security.
Review the following section for more information: Reports for Web - Accessibility.
Our End-User Documentation describes how to use the Web Document Viewer and Report Designer UI. You can clone documentation sources, and then create your own documentation websites and help files for projects based on our reporting components.
Review the following section for more information: End-User Documentation.
You have several options when it comes to licensing DevExpress Reports. Refer to the following topic to select the most suitable one for your needs: Web UI Development Bundles that Include Reports.
If you experience a problem with a Web Reporting application, review the following help topics: