Standalone Report Parameters Panel in ASP.NET Core Applications

• Feb 09, 2026
• 5 minutes to read

This tutorial describes how to add the Standalone Report Parameters Panel control to an ASP.NET Core web application.

DevExpress Reporting applications that include the Standalone Report Parameters Panel component are composed of two parts - the server (backend) and the client.

View Example: Reporting for ASP.NET Core - Standalone Report Parameters Panel

Prerequisites

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

Visual Studio workloads:

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

Note

Review the following help topic: Reporting .NET/.NET Core Limitations.

Configure the Server Part (Backend)

1. Install the following NuGet packages:

2. Open Program.cs and add the following code:

3. Like the Document Viewer component, the Standalone Parameters Panel requires a controller to handle requests. In the Controllers folder, create a ReportingControllers.cs file with the following content:

4. Create a new report with several parameters. Save the report as TestReport.repx (XML format). Review the following topic for more information: Add a New Report in Visual Studio.

5. Create a Reports folder in the project. Paste the TestReport.repx file created in the previous step. Specify that the file should be copied to the output directory.

6. Create and register a report resolution service that translates report identifiers to report instances. For this purpose, implement the IReportProvider interface in the CustomReportProvider.cs class as follows:

7. Add a controller action that supplies the model for the client-side Parameters Panel component. Use the following code example:

8. If the report uses data from a database, add a connection string to the appsettings.json file and reference the libraries needed to interact with the database. If a sample report retrieves data from the nwind.db SQLite database (a database file from DevExpress demos), install the System.Data.SQLite.Core NuGet package, copy the nwind.dbfile to the Data folder, specify that the file should be copied to the output directory, and add the following connection string:

Configure the Client (Frontend) Part

1. Install the following npm libraries:

2. Modify the bundleconfig.json file (if exists) or add a new file with the following content:

3. Modify the libman.json file (if it exists) or add a new file with the following content:

Add a Standalone Report Parameters Panel Control

1. Reference the DevExpress.AspNetCore namespace in the _ViewImports.cshtml file. Alternatively, you can reference this namespace in the view that contains the Standalone Report Parameters Panel control.

2. Add the following links to the Layout.cshtml page’s head section (the Views | Shared folder):

3. Create a View with the following content:

Run the Application

The application’s page contains the Standalone Report Parameters Panel control that displays parameters from the TestReport report:

Next Steps

For information on how to apply parameter values obtained from the Standalone Report Parameters Panel to the report, review the following help topic: How to Use Parameter Values from the Standalone Report Parameters Panel (ASP.NET Core App).