[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]Getting Started with DevExpress Reporting
  [Expand]Adding a Report to Your .NET Application
   Creating a Simple Data-Aware Report
   First Look at the Report Designer
  [Expand]Creating a Report from A to Z
 [Expand]Creating Popular Reports
 [Expand]Detailed Guide to DevExpress Reporting
 [Expand]Visual Studio Report Designer
 [Expand]Creating End-User Reporting Applications
 [Expand]API Reference
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
This documentation page describes implementations made in our v17.2 release cycle. To learn about functionality shipping with v18.1, navigate to our updated help file experience at docs.devexpress.com. Learn More

First Look at the Report Designer

This topic provides an overview of the report editing surface where you can customize your reports at design time within Visual Studio.


See Adding a Report to Your .NET Application to learn about integrating DevExpress reports into your desktop or web/mobile applications created within Visual Studio.

Whatever application platform you choose, the created reports are platform-agnostic, and you can re-use them in other applications targeting different platforms.

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

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 HTML View displays a published web report document's HTML layout.

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


See Visual Studio Report Designer to learn more about the Visual Studio Report Designer's toolbox and dock panels.

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