Log In
[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
 [Expand]Product Information
 [Collapse]Getting Started
  [Expand]WinForms Reports Lessons
  [Collapse]ASP.NET Reports Lessons
    Lesson 1 - Create a Static Report
    Lesson 2 - Create a Data-Aware Report
    Lesson 3 - Use Parameters to Filter Data in a Report
    Lesson 4 - Provide Navigation to a Report
    Lesson 5 - Provide Interactivity to a Report
    Lesson 6 - Group Report Data and Calculate Summaries
    Lesson 7 - Customize the Report Appearance
    Lesson 8 - Publish a Report in an ASP.NET Application
    Lesson 9 - Add an End-User Report Designer to an ASP.NET Application
  [Expand]ASP.NET MVC Reports Lessons
  [Expand]WPF Reports Lessons
  [Expand]Silverlight Reports Lessons
 [Expand]Fundamental Concepts
 [Expand]Design-Time Features
  End-User Capabilities
 [Expand]Redistribution and Deployment
 [Expand]API Reference
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Lesson 1 - Create a Static Report

This tutorial will guide you through the process of creating a simple web application containing a report using Microsoft® Visual Studio®. These steps will cover how to add an empty report to your application and add static text to this report.

To create a static web report, do the following.

Expanded Create a Web Application and Add a Report

  1. Run Microsoft® Visual Studio® 2010, 2012, 2013, 2015 or 2017.

  2. To create a new ASP.NET Web Forms application, start a new project by pressing CTRL+SHIFT+N or clicking FILE | New | Project... in the main menu. In the invoked New Project window, select ASP.NET Web Application, specify the application name and click OK.

    This invokes the New ASP.NET Project dialog, which allows you to specify a template for your web application. Select Web Forms and click OK to exit the dialog.

  3. In the PROJECT menu, choose Add New Item... (or press CTRL+SHIFT+A) to invoke the Add New Item dialog. In this dialog, select the DevExpress v17.1 Report Wizard item and click Add.

    In the invoked Report Wizard, select Empty Report and click Finish.

Expanded Construct the Report

After adding the report (derived from the XtraReport class), Visual Studio® shows the report designer, where you can add bands and controls to your report.

  1. To proceed with report creation, open the Toolbox pane (by pressing CTRL+ALT+X), then select the XRLabel control in the DX.17.1: Report Controls tab and drop it onto the report's Detail Band.

  2. Double-click the created label to invoke its in-place editor, which allows you to input text. For example, type the classic Hello World! statement. Then, use the XtraReports toolbar to adjust the label's color and font options.

  3. Now switch to the Preview tab using the Preview button at the bottom.

    If you also wish to see how this report will look as HTML, switch to the HTML View tab.

Expanded See Also

How would you rate this topic?​​​​​​​