[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
 [Expand]Product Information
 [Collapse]Get Started with DevExpress Reporting
  [Expand]Add a Report to Your VS Project
   Create a Simple Data-Aware Report
   First Look at the Report Designer
  [Expand]Create a Report from A to Z
 [Expand]Create Popular Reports
 [Expand]Detailed Guide to DevExpress Reporting
 [Expand]Visual Studio Report Designer
 [Expand]Create End-User Reporting Applications
 [Expand]API Reference
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

First Look at the Report Designer

The previous step explained how to use the Report Wizard to create a sample data-bound report. In this step, we provide information on the DevExpress Visual Studio-integrated Report Designer.


The created reports are platform-agnostic. You can reuse these reports in applications created for different platforms.

Closing the Report Wizard adds a new XtraReport class to your application and opens the created report in the integrated Report Designer:

The design surface displays a report's structure and contents. You can use the tools on the Report Designer's panels to design the report:

  • access the report's data source schema in the Field List;
  • drop report controls from the Toolbox to the design surface;
  • use the Properties panel to set up the report controls;
  • access the report's elements in the Report Explorer;
  • use the Report Gallery to create frequently used templates and apply them afterward to other reports;
  • use the Group and Sort Panel to manage the report's group and sort settings.

When loading the Report Designer, you can see the report editing surface displaying a report's structure and contents.

When creating a blank report, this surface displays the top and bottom page margins along with an empty detail band (by default).


You can make your report display different content by adding other controls to report bands.

See Introduction to Banded Reports for basic information about report bands.

You can change the default zoom factor of the Report Designer using the zoom panel:

While designing a report, you can preview the resulting document by switching to the Preview tab below a report's design surface:

This opens a Print Preview, fills a report's data source and generates the report document's pages.

Switching to the Scripts tab enables you to manage and customize report scripts.


Next Step: Create a Report from A to Z

Expanded See Also

Is this topic helpful?​​​​​​​