Components Included in DevExpress Reporting
- 6 minutes to read
DevExpress Reporting has a set of controls that you can add to your applications to design/preview reports at runtime.
WinForms Applications
Use the following components to add the reporting functionality to your WinForms application:
| Icon | Control | Description | How to Use |
|---|---|---|---|
 |
StandardReportDesigner | A WinForms End-User Report Designer with Bars | Create a Custom End-User Report Designer |
 |
RibbonReportDesigner | A WinForms End-User Report Designer with a Ribbon | Create a Custom End-User Report Designer |
 |
DocumentViewer | A WinForms End-User Document Viewer | Create a Custom Print Preview |
You can drag these items from the Microsoft® Visual Studio® Toolbox and drop them onto your form.
In the Reporting Subscription, you can customize DevExpress Reporting components in your application code, but you need a valid WinForms Subscription to use them at design time in Visual Studio. Refer to the following help topic for information on licensing: Installation - Subscriptions that Include Reporting Components.
WPF Applications
Use the following components to add the reporting functionality to your WPF application:
| Icon | Class | Description | How to Use |
|---|---|---|---|
 |
ReportDesigner | A WPF End-User Report Designer | Add an End-User Report Designer to a WPF Application |
 |
DocumentPreviewControl | A WPF End-User Document Viewer | Add DocumentPreviewControl to WPF Application |
You can drag these items from the Microsoft® Visual Studio® Toolbox and drop them onto your form.
Use Project Templates
If you start a new project, use the DevExpress CLI Project Templates to create a WPF Reporting application. Refer to the following topic for more information: CLI Template for WPF Reporting.
ASP.NET Web Forms Applications
Add Controls
Use the following components to add the reporting functionality to your ASP.NET Web Forms application:
| Icon | Class | Description | How to Use |
|---|---|---|---|
 |
ASPxReportDesigner | An ASP.NET Web Forms End-User Report Designer | Add a Report Designer to an ASP.NET Web Forms Application |
 |
ASPxWebDocumentViewer | An ASP.NET Web Forms End-User Document Viewer | Add a Document Viewer to an ASP.NET Web Forms Application |
You can drag these items from the Microsoft® Visual Studio® Toolbox and drop them onto your form.
Use Project Templates
If you start a new project, use the DevExpress Template Gallery to create an ASP.NET Web Forms application with the End-User Report Designer and/or Document Viewer control(s).
Review the following help topics for more information:
- Create an ASP.NET Web Forms Application with a Report Designer
- Create an ASP.NET Web Forms Application with a Document Viewer
ASP.NET MVC Applications
Add Controls
Use the following extensions to create and publish reports in ASP.NET MVC applications:
| Extension | Description | How to Use |
|---|---|---|
| ReportDesignerExtension | An ASP.NET MVC equivalent of the ASPxReportDesigner control. | Add a Report Designer to an ASP.NET MVC Application |
| WebDocumentViewerExtension | An ASP.NET MVC equivalent of the ASPxWebDocumentViewer control. | Add a Document Viewer to an ASP.NET MVC Application |
You can invoke the DevExpress MVC Extension wizard to add the Report Designer/Document Viewer MVC extension to your ASP.NET MVC application.
Use Project Templates
If you start a new project, use the DevExpress Template Gallery to create an ASP.NET MVC application with the End-User Report Designer and/or Document Viewer control(s).
Review the following help topics for more information:
- Create an ASP.NET MVC Application with a Document Viewer
- Create an ASP.NET MVC Application with a Report Designer
ASP.NET Core Applications
Add Controls
Install the DevExpress.AspNetCore.Reporting NuGet package and use the following extensions to create and preview reports in ASP.NET Core applications:
| Class | Description | How to Use |
|---|---|---|
| ReportDesignerBuilder | A builder for the Web Report Designer. | End-User Report Designer in ASP.NET Core Applications |
| WebDocumentViewerBuilder | A builder for the Web Document Viewer. | Document Viewer in ASP.NET Core Applications |
Use Project Templates
If you start a new project, use the DevExpress Template Gallery or .NET Core command line interface (CLI) to create an ASP.NET Core application with the End-User Report Designer and/or Document Viewer control(s).
Refer to the following help topics for more information:
- Use DevExpress Visual Studio Templates to Create an ASP.NET Core Reporting App with a Report Designer
- Use DevExpress Visual Studio Templates to Create an ASP.NET Core Reporting App with a Document Viewer
- Use DevExpress .NET CLI Templates to Create an ASP.NET Core Reporting App with a Report Designer
- Use DevExpress .NET CLI Templates to Create an ASP.NET Core Reporting App with a Document Viewer
Blazor Applications
You can use the following reporting controls in your Blazor applications:
| Class | Description | How to Use |
|---|---|---|
| DxReportViewer | The native Blazor component to view, print, and export reports. | Blazor Server App, Wasm App |
| DxReportDesigner | The Blazor Server JavaScript-based Web Report Designer control. | Blazor Server App, Wasm App |
| DxDocumentViewer | The Blazor Server JavaScript-based Web Document Viewer control. | Blazor Server App, Wasm App |
| DxWasmReportDesigner | The Blazor WebAssembly ASP.NET Core hosted, JavaScript-based Web Report Designer control. | Wasm Hosted App |
| DxWasmDocumentViewer | The Blazor WebAssembly ASP.NET Core hosted, JavaScript-based Web Document Viewer control. | Wasm Hosted App |
Use Project Templates
If you start a new project, use the DevExpress Template Gallery or .NET Core command line interface (CLI) to create a Blazor Reporting application.
Refer to the following help topics for more information:
- Use DevExpress Visual Studio Templates to Create a Blazor Reporting Application
- Use DevExpress .NET CLI Templates to Create a Blazor Reporting Application
Angular Applications
You can incorporate the native Angular Document Viewer and Web Report Designer components into a client-side application built with Angular:
Use Project Templates
If you start a new project, use the DevExpress Template Gallery or .NET Core command line interface (CLI) to create an Angular application with the End-User Report Designer and/or Document Viewer control(s).
Refer to the following help topics for more information:
- Use DevExpress Visual Studio Templates to Create an Angular Reporting App with Document Viewer
- Use DevExpress .NET CLI Templates to Create an Angular Reporting App with Document Viewer
- Use DevExpress Visual Studio Templates to Create an Angular Reporting App with a Report Designer
- Use DevExpress .NET CLI Templates to Create an Angular Reporting App with Report Designer
React Applications
You can incorporate the Web Report Designer and Web Document Viewer into a client-side app built with React:
Use Project Templates
If you start a new project, use the DevExpress Template Gallery or .NET Core command line interface (CLI) to create a React application with the End-User Report Designer and/or Document Viewer control(s).
Refer to the following help topics for more information:
- Use DevExpress .NET CLI Templates to Create a React Reporting App with a Document Viewer
- Use DevExpress Visual Studio Templates to Create a React Reporting App with a Document Viewer
- Use DevExpress .NET CLI Templates to Create a React Reporting App with a Report Designer
- Use DevExpress Visual Studio Templates to Create a React Reporting App with a Report Designer
Vue Applications
You can incorporate the Web Report Designer and Web Document Viewer into a client-side app built with Vue: