A newer version of this page is available. Switch to the current version.

Add an End-User Report Designer to an ASP.NET WebForms Application

  • 3 minutes to read

This tutorial demonstrates how to place an End-User Report Designer onto a web page in an ASP.NET WebForms application:

  1. In Visual Studio, open an existing application or create a new one from scratch.
  2. Press CTRL+ALT+X to run the Toolbox. Expand the DX.18.2: Reporting category and drop the ASPxReportDesigner control onto the page.


  3. Call the ASPxReportDesigner.OpenReport or ASPxReportDesigner.OpenReportXmlLayout method to assign a report to the Report Designer.

    You can also restore a report layout from a file or stream using the XtraReport.FromFile or XtraReport.LoadLayout method.

    protected void Page_Load(object sender, EventArgs e) {
        XtraReport1 report = new XtraReport1();
  4. Add the "resources" section to the application's Web.config file to automatically transfer all necessary script files to a client application.

        <!-- ... -->
            <add type="ThirdParty" />
            <add type="DevExtreme" />

    Alternatively, you can avoid automatic loading of any libraries by a control (e.g., when such libraries are already referenced on the web page) by declaring an empty "resources" section and manually attaching DevExtreme resources and the required third-party libraries (such as jQuery and Globalize) to the web page.


    Deleting the DevExpress "resources" section from the Web.config file enables the default behavior (with automatic loading only of DevExtreme without adding third-party libraries).

    See the Report Designer Requirements and Limitations document to learn about manual integration of the Report Designer.

  5. You can enable the Report Designer to use HttpContext (Session or User) by specifying the Session State property in the control's smart tag.

    This adds all necessary handlers to the application's Web.config file and registers them at the application startup in the Global.asax file.

    protected void Application_Start(object sender, System.EventArgs e) {
        DevExpress.XtraReports.Web.WebDocumentViewer.Native.WebDocumentViewerBootstrapper.SessionState = 
        DevExpress.XtraReports.Web.QueryBuilder.Native.QueryBuilderBootstrapper.SessionState = 
        DevExpress.XtraReports.Web.ReportDesigner.Native.ReportDesignerBootstrapper.SessionState = 
  6. Implement a report storage used to store reports created in the Report Designer. Enabling this feature is required to support editing of subreports.
  7. If required, you can register default data sources available for all report design sessions in the Report Designer.
  8. You can also register default data connections available in the SQL Data Source Wizard when creating new data sources.

Run the application to view the ASP.NET page in a web browser.


See Also