Components Included in DevExpress Reports

• Mar 24, 2026
• 8 minutes to read

DevExpress Reports includes a set of controls that allow you to add report design and preview functionality to your application.

IDE-Integrated Report Designers

Report Designers support design-time data binding, expressions, scripting, parameters, and conditional formatting. Integrated report and data source wizards speed up initial setup. Integrated AI-assisted features increase report design productivity.

The following IDEs are supported:

• Report Designer for Visual Studio
• Report Designer for Visual Studio Code
• Report Designer for JetBrains Rider

Read the following help topics for information on how to design reports in your IDE:

• Create a Report in Microsoft Visual Studio
• Create a Report in JetBrains Rider

WinForms Applications

The following components add reporting functionality to your WinForms application:

Icon	Control	Description	Documentation
	StandardReportDesigner	A WinForms End-User Report Designer with Bars.	End-User Report Designer for WinForms
	RibbonReportDesigner	A WinForms End-User Report Designer with a Ribbon.	End-User Report Designer for WinForms
	DocumentViewer	A WinForms End-User Document Viewer.	Print Preview for WinForms

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 the DevExpress Reporting component UI in your application code or at design time in Visual Studio, you need a subscription that includes DevExpress WinForms UI Controls (WinForms Subscription, DXperience Subscription, or Universal Subscription). Refer to the following help topic for more information on subscriptions: Installation - Subscriptions that Include Reporting Components.

Get Started

End-User Report Designer

• Invoke a Default End-User Report Designer Form
• Create a Custom End-User Report Designer Form

Document Viewer

• Invoke the Built-in Print Preview Form
• Create a Custom Print Preview
• Use DevExpress Templates to Create a Document Viewer Application

WPF Applications

Use the following components to add the reporting functionality to your WPF application:

Icon	Class	Description	Documentation
	ReportDesigner	A WPF End-User Report Designer	End-User Report Designer for WPF
	DocumentPreviewControl	A WPF End-User Document Viewer	Document Preview for WPF

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.

Get Started

End-User Report Designer

• Add an End-User Report Designer to a WPF App

Document Preview

• Invoke a Default Document Preview
• Create a Custom Document Preview
• Create a Document Preview Application using DevExpress Project Template

ASP.NET Core Applications

Use the following components to add the reporting functionality to your ASP.NET Core application:

Class	Description	Documentation
ReportDesignerBuilder	A builder for the Web Report Designer.	Document Viewer in ASP.NET Core Applications
WebDocumentViewerBuilder	A builder for the Web Document Viewer.	End-User Report Designer in ASP.NET Core Applications
ReportParametersPanelBuilder	A builder for the Standalone Report Parameters Panel.	Standalone Report Parameters Panel - ASP.NET Core Applications

Get Started

End-User Report Designer

• Add a Report Designer to an ASP.NET Core Application (MVC)
• Add a Report Designer to an ASP.NET Core Application (Razor Pages)
• Use DevExpress Templates to Create an ASP.NET Core App with a Report Designer

Document Viewer

• Add a Document Viewer to an ASP.NET Core Application (MVC)
• Add a Document Viewer to an ASP.NET Core Application (Razor Pages)
• Use DevExpress Templates to Create an ASP.NET Core App with a Document Viewer

Standalone Parameters Panel

• Standalone Report Parameters Panel in ASP.NET Core Applications

Blazor Applications

You can use the following reporting controls in your Blazor applications:

Class	Description	Documentation
DxReportViewer	A native Blazor component to view, print, and export reports.	Native Blazor Report Viewer
DxReportDesigner	A wrapper based on the JavaScript Web Report Designer control. Supports document generation on a client or server.	JavaScript-based Report Designer
DxDocumentViewer	A wrapper based on the JavaScript Web Document Viewer control. Supports document generation on a client or server.	JavaScript-based Document Viewer
DxReportParametersPanel	A wrapper based on the JavaScript Report Parameters Panel control.	Standalone Report Parameters Panel in Blazor Applications
DxWasmReportDesigner	A wrapper based on the JavaScript Web Report Designer control. Supports document generation on the server only.	JavaScript-based Report Designer
DxWasmDocumentViewer	A wrapper based on the JavaScript Web Document Viewer control. Supports document generation on the server only.	JavaScript-based Document Viewer
DxWasmReportParametersPanel	A wrapper based on the JavaScript Report Parameters Panel control.	Standalone Report Parameters Panel in Blazor Applications

To assess which component best suits your needs, refer to the following topic: Overview of Blazor Reporting Components.

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.

Get Started

Native Report Viewer

• Use DevExpress Templates to Create Blazor Application with a Report Viewer
• Add a Report Viewer to a Project (Blazor Web App Created with a Visual Studio Template)
• Add a Report Viewer to a Blazor Web App (Microsoft CLI Template)
• Add a Report Viewer to a Project (Blazor WebAssembly Standalone Application)

Document Viewer

• 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)
• Add a JavaScript-Based Document Viewer to a Blazor Web App (Interactive WebAssembly) with an ASP.NET Core Backend

End-User Report Designer

• Use DevExpress Templates to Create a Blazor Application with a JavaScript-based Report Designer
• Add a JavaScript-Based Report Designer to a Blazor Web App (Interactive Server)
• Add a JavaScript-Based Report Designer to a Blazor WebAssembly Standalone App (Visual Studio)
• Add a JavaScript-Based Report Designer to a Blazor Web App (Interactive WebAssembly) with an ASP.NET Core Backend (Visual Studio)

Standalone Parameters Panel

• Add a Standalone Parameters Panel to a Blazor Web App (Interactive Server)
• Add a Standalone Report Parameters Panel to a Blazor Web App (Interactive WebAssembly) with an ASP.NET Core Backend

Angular Applications

You can add End-User Report Designer, Standalone Parameters Panel, and native Report Viewer components into a client-side application built with Angular:

• Document Viewer for Angular
• Report Designer for Angular
• Standalone Parameters Panel for Angular

Get Started

Document Viewer

• Use DevExpress Templates to Create an Angular Reporting App with Document Viewer
• Create an Angular Front-End Application with a Document Viewer

End-User Report Designer

• Use DevExpress Templates to Create an Angular Reporting App with Report Designer
• Create an Angular Front-End Application with a Report Designer

Standalone Parameters Panel

• Add a Standalone Report Parameters Panel to Your Application

React Applications

You can incorporate the Web Report Designer and Web Document Viewer into a client-side app built with React:

• Document Viewer
• Report Designer
• Standalone Parameters Panel

Get Started

Document Viewer

• Use DevExpress Templates to Create a React Reporting App with a Document Viewer
• Create a React Front-End Application with a Document Viewer (Vite)
• Create a React Front-End Application with a Document Viewer (Next.js)

End-User Report Designer

• Use DevExpress Templates to Create a React Reporting App with a Report Designer
• Create a React Front-End Application with a Report Designer (Vite)
• Create a React Front-End Application with a Report Designer (Next.js)

Standalone Parameters Panel

• Add a Standalone Report Parameters Panel to Your Application

Vue Applications

You can incorporate the Web Report Designer and Web Document Viewer into a client-side app built with Vue:

• Document Viewer
• Report Designer
• Standalone Parameters Panel

Get Started

Document Viewer

• Create a Vue Front-End Application with a Document Viewer

End-User Report Designer

• Create a Vue Front-End Application with a Report Designer

Standalone Parameters Panel

• Add a Standalone Report Parameters Panel to Your Application

ASP.NET MVC Applications

Use the following extensions to create and publish reports in ASP.NET MVC applications:

Extension	Description	Documentation
ReportDesignerExtension	An ASP.NET MVC equivalent of the ASPxReportDesigner control.	Document Viewer in ASP.NET MVC Applications
WebDocumentViewerExtension	An ASP.NET MVC equivalent of the ASPxWebDocumentViewer control.	End-User Report Designer in ASP.NET MVC Applications

You can invoke the DevExpress MVC Extension wizard to add the Report Designer/Document Viewer MVC extension to your ASP.NET MVC application.

Get Started

End-User Report Designer

• Add a Report Designer to an ASP.NET MVC Application
• Use DevExpress Visual Studio Templates to Create an ASP.NET MVC Reporting App with a Report Designer

Document Viewer

• Add a Document Viewer to an ASP.NET MVC Application
• Use DevExpress Visual Studio Templates to Create an ASP.NET MVC Reporting App with a Document Viewer

ASP.NET Web Forms Applications

Use the following components to add reporting functionality to your ASP.NET Web Forms application:

Icon	Class	Description	Documentation
	ASPxReportDesigner	An ASP.NET Web Forms End-User Report Designer	Document Viewer in ASP.NET Web Forms Reporting
	ASPxWebDocumentViewer	An ASP.NET Web Forms End-User Document Viewer	End-User Report Designer in ASP.NET Web Forms Reporting

You can drag these items from the Microsoft® Visual Studio® Toolbox and drop them onto your form.

Get Started

End-User Report Designer

• Add a Report Designer to an ASP.NET Web Forms Application
• Use DevExpress Visual Studio Templates to Create an ASP.NET Web Forms Reporting App with a Report Designer

Document Viewer

• Add a Document Viewer to an ASP.NET Web Forms Application
• Use DevExpress Visual Studio Templates to Create an ASP.NET Web Forms Reporting App with a Document Viewer