End-User Report Designer in ASP.NET Core Applications

• Sep 26, 2024
• 2 minutes to read

Run Demo: Report Designer for ASP.NET Core

This section describes the ASP.NET Core Report Designer component that allows users to create and edit DevExpress reports.

Prerequisites

• .NET 8.0 or later SDK
• Visual Studio 2022 (v17.0) or higher

Visual Studio should have the following workloads:

• ASP.NET and web development
• .NET Core cross-platform development

Note

In .NET 8, the System.Drawing.Common library is compatible with Windows only. An exception is thrown on other platforms. See the following topic for more information: Reporting .NET/.NET Core Limitations.

Add the Report Designer to Your Application

The ReportDesigner method returns the ReportDesignerBuilder that adds the Report Designer to a Razor page or View:

@Html.DevExpress().ReportDesigner()

For information about Report Designer settings that you can specify in code, refer to the following help topic: ReportDesigner API.

Review these tutorials to configure the Report Designer component in your ASP.NET Core application:

• Add a Report Designer to a DevExtreme ASP.NET Core Application (Razor Pages)
• Add a Report Designer to an ASP.NET Core Application (MVC)
• 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 Angular Reporting App with a Report Designer
• Add a Report Storage (ASP.NET Core)
• Data Sources in Web End-User Report Designer (ASP.NET Core)
• Add Features to the Report Designer (optional)

Refer to the following help topic for information on how to add a report to an ASP.NET Core application:

• Create a Report in Visual Studio

Customization

A general technique that allows you to customize the UI elements in Reporting components: Use Custom HTML Templates.

For information about specific customization tasks, review the following help topic: End-User Report Designer Customization (ASP.NET Core).

Best Practices

For code samples, review the following help topic: ASP.NET Core and Angular Reporting Best Practices.

Features

• Support for various report types (Table Report, Master-Detail Report, Invoice Report, Vertical Report, and so on)
• Open and Save Reports
• 20+ Report Controls (including a Pivot Table and Charts)
• Bind reports to data (SQL, JSON, Excel, XPO, and Object Data Sources)
• The Data Source Wizard and Query Builder
• The Report Wizard
• Integrated Document Viewer
• Bookmarks and Document Map
• Data Grouping, Sorting, and Drill Down
• Zooming
• Calculated Fields and Report Parameters
• Skeleton Screen
• Themes
• Advanced Customization API

Troubleshooting

If you experience a problem with a Web Reporting application, review the following help topics:

• Troubleshooting
• Reporting Application Diagnostics
• Tasks and Solutions for ASP.NET Core Applications