xtrareports-9523-product-information-components-included-in-devexpress-reporting.md
DevExpress Reporting has a set of controls that you can add to your applications to design/preview reports at runtime.
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.
Important
With the DevExpress Reporting Subscription , you can only use the ReportPrintTool and ReportDesignTool classes to display a Print Preview and End-User Report Designer in WinForms Applications. To customize DevExpress Reporting components UI in your application code or at design time in Visual Studio, you need a subscription that includes DevExpress WinForms UI Controls (WinForms, DXperience, or Universal) . Refer to the following help topic for more information on subscriptions: Installation - Subscriptions that Include Reporting Components.
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.
Important
To customize the DevExpress Reporting components UI in your application code, you need a valid WPF, DXperience, or Universal subscription (subscriptions that include DevExpress WPF UI Controls). Refer to the following help topic for information on licensing: Installation - Subscriptions that Include Reporting Components.
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.
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.
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:
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.
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:
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 |
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:
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, Blazor WebAssembly App |
| DxReportDesigner | The Blazor Server JavaScript-based Web Report Designer control. | Blazor Server App, Blazor WebAssembly App |
| DxDocumentViewer | The Blazor Server JavaScript-based Web Document Viewer control. | Blazor Server App, Blazor WebAssembly App |
| DxWasmReportDesigner | The Blazor WebAssembly (ASP.NET Core hosted), JavaScript-based Web Report Designer control. | Blazor WebAssembly Hosted App |
| DxWasmDocumentViewer | The Blazor WebAssembly (ASP.NET Core hosted), JavaScript-based Web Document Viewer control. | Blazor WebAssembly Hosted App |
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 topic for additional information: Get Started with Blazor Reporting.
Important
To customize the DevExpress Reporting components UI in your application code, you need a valid ASP.NET & Blazor Subscription, DXperience Subscription, or Universal Subscription. Refer to the following help topic for information on licensing: Installation - Subscriptions that Include Reporting Components.
You can incorporate the native Angular Document Viewer and Web Report Designer components into a client-side application built with Angular:
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 additional information:
You can incorporate the Web Report Designer and Web Document Viewer into a client-side app built with React:
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 additional information:
You can incorporate the Web Report Designer and Web Document Viewer into a client-side app built with Vue: