Skip to main content
BuyLog In
.NET Reporting Tools
Search in…
Docs > Get Started with DevExpress Reporting > Add a Report to Your VS Project > Add a New Report to an ASP.NET MVC Application
A newer version of this page is available. .
All docs
V19.1
Reporting
Product Information
Get Started with DevExpress Reporting
Add a Report to Your VS Project
Add a New Report to a WinForms Application
Add a New Report to an ASP.NET WebForms Application
Add a New Report to an ASP.NET MVC Application
Add a New Report to an ASP.NET Core Application
Add a New Report to a WPF Application
Convert a DevExpress Data Grid to a Report
Convert Third-Party Reports to DevExpress Reports
Create a Simple Data-Aware Report
First Look at the Report Designer
Create a Report from A to Z
Create Popular Reports
Detailed Guide to DevExpress Reporting
Visual Studio Report Designer
Create End-User Reporting Applications
Reporting in .NET Core 3 (CTP)
API Reference
ASP.NET Core API Reference
Client API Reference
Client API Reference (WebForms & MVC)
Download CHM

Add a New Report to an ASP.NET MVC Application

  • 2 minutes to read

This tutorial describes how to add a new report to an ASP.NET MVC application at design time within Visual Studio.

Tip

See Manual Integration of ASP.NET MVC Reporting Extensions Into an Existing Project to learn how to add a reporting functionality to an existing MCV application.

Creating a New Application

Do the following to create a new ASP.NET MVC application in Microsoft® Visual Studio® 2010, 2012, 2013, 2015 or 2017:

  1. Create a new project by selecting FILE | New | Project… in the main menu or by pressing CTRL+SHIFT+N.

    create-new-application-windows-forms

  2. In the invoked New Project dialog, expand the Installed category, select a programming language (Visual C# or Visual Basic) in the Templates section and select the DevExpress v19.1 Template Gallery.

    Specify the application name and click OK.

  3. In the invoked DevExpress Template Gallery, select Web Application With Selectable Layout under the ASP.NET MVC category and click Run Wizard.

    Tip

    You can also select Reporting Web Application to create an application containing the HTML5 Document Viewer and/or Report Designer controls. See the following documents for detailed instructions:

  4. On the DevExpress ASP.NET MVC Project Wizard‘s Choose Layout page, select the application layout (for example, Standard).

    asp-net-devexpress-project-wizard-create-standard

  5. Switch to the Suites page, enable the Report suite and click Create Project.

    asp-net-mvc-devexpress-project-wizard-suite

Add a Report to the MVC Application

Do the following to add a report to your ASP.NET MVC application:

  1. Start by creating a new folder (named Reports) to store the application’s reports. Switch to the Solution Explorer window (by pressing CTRL+ALT+L), right-click the application item and select Add | New Folder.

    asp-net-mvc-add-new-folder

  2. Right-click the created folder and choose Add DevExpress Item | New Item… in the invoked menu.

  3. In the invoked DevExpress Template Gallery, select Report, specify the report name and click Add Item.

    This invokes the Report Wizard where you can choose to create a blank or data-bound report.

 

Next Step: Create a Simple Data-Aware Report