Add an End-User Report Designer to a WPF Application

• May 23, 2025
• 2 minutes to read

This help topic integrates an End-User Report Designer into a WPF application and opens the specified report:

1. Open an existing WPF application or create a new application.
2. In Visual Studio, open your WPF application’s MainWindow.xaml file.

3. Switch to the Toolbox (press CTRL+ALT+X), expand the DX.25.1: Reporting tab, and drop the ReportDesigner control onto the Window.

   

   This generates the following XAML code:

   XAML

   <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
           xmlns:dxrud="http://schemas.devexpress.com/winfx/2008/xaml/reports/userdesigner" x:Class="TestDesigner.MainWindow"
           Title="MainWindow" Height="350" Width="525">
       <dxrud:ReportDesigner HorizontalAlignment="Left" Margin="20,10,0,0" VerticalAlignment="Top"/>
   </Window>
   

4. Right-click the Designer, select Layout, and then Fill All to fill the entire window.

   

5. Go to the Properties grid and specify the Designer’s name.

   

6. Handle the Window’s Loaded event. In the event handler, pass the report you want to open in the Designer to the ReportDesigner.OpenDocument method.

   Note

   If you implement a custom report that inherits from XtraReport and want to open it in the End-User Report Designer, add a constructor without parameters to this report.

   C#

   private void Window_Loaded(object sender, RoutedEventArgs e) {
       // ...
       reportDesigner.OpenDocument(report);
   }
   

   VB.NET

   Private Sub Window_Loaded(sender As Object, e As RoutedEventArgs)
       ' ...
       reportDesigner.OpenDocument(report)
   End Sub
   

7. Run the application to see the End-User Report Designer.

   

   If you want to display the End-User Report Designer with the previous ribbon version, set the ReportDesigner.UseOfficeInspiredRibbonStyle property to false as shown below.

   XAML

   <dxrud:ReportDesigner x:Name="reportDesigner" UseOfficeInspiredRibbonStyle="False"/>