Display SSRS RDL report in Bold Reports^® UWP Report Viewer

To display an SSRS RDL report in the Bold Reports^® UWP Report Viewer, create a UWP application, install the BoldReports.UWP NuGet package, add the Report Viewer to a page, and set the report path and Web API service URL. This tutorial displays an already created report without using a Report Server.

To get started quickly with the Report Viewer, watch the following video:

Create the application project

Open Visual Studio 2022 and click Create new project.
Choose Blank App (Universal Windows), and then click Next.
Change the project name, and then click Create.
Select the target and minimum platform version from the dropdown as shown in the following image, and then click OK.

Set the same version for the target and the minimum platform version.

How do I configure the Report Viewer in a UWP app?

To configure the Bold Reports^® UWP Report Viewer, install the BoldReports.UWP NuGet package in your UWP application.

Right-click the project or solution on the Solution Explorer tab and choose Manage NuGet Packages. Alternatively, select Tools > NuGet Package Manager > Manage NuGet Packages for Solution.

Refer to the NuGet Packages to learn more details about installing and configuring Report Viewer NuGet packages.
Search for BoldReports.UWP NuGet package and install them in your UWP application.

Package Purpose

BoldReports.UWP Contains UWP Reporting controls (Report Viewer and Report Writer) to preview and export the reports.

Package	Purpose
`BoldReports.UWP`	Contains UWP Reporting controls (Report Viewer and Report Writer) to preview and export the reports.

Initialize Report Viewer

Open the MainPage.xaml file and import the Report Viewer namespace:
```
xmlns:BoldReports="using:BoldReports.UI.Xaml"
```

Initialize the Report Viewer component inside the <Grid> tag in the MainPage.xaml file:

<Page
    ....
    ....
    ....
    xmlns:BoldReports="using:BoldReports.UI.Xaml"
    ....>
    <Grid>
        <BoldReports:ReportViewer Name="ReportViewer"/>
    </Grid>
</Page>

How do I create the Web API service for the UWP Report Viewer?

The Report Viewer requires a Web API service to process the RDL report files. You can skip this step and use the online Web API services to preview the already available reports or you should create any one of the following Web API services:

Adding already created report

If you have created a new service, you can add the reports from the Syncfusion^® installation location. For more information, refer to the samples and demos section.

Create a folder Resources in your Web API application to store RDL reports and add the already created reports to it.
Add already created reports to the newly created folder.

In this tutorial, the sales-order-detail.rdl report is used, and you can download it from the sales order detail sample report download.

Refer to the create RDL report section for creating new reports.

Set report path and service URL

Open the MainPage.xaml.cs file.

Initialize the window loaded event inside the MainWindow() constructor.

public MainPage()
{
    this.InitializeComponent();
    this.Loaded += MainPage_Loaded;
}

private void MainPage_Loaded(object sender, RoutedEventArgs e)
{
}

Set the ReportPath and ReportServiceUrl properties in the MainWindow_Loaded event method and invoke the RefreshReport() method to render the report.

You can replace the following code in your MainWindow_Loaded event method.

private void MainPage_Loaded(object sender, RoutedEventArgs e)
{
    this.ReportViewer.ReportPath = "~/Resources/docs/sales-order-dtail.rdl";
    this.ReportViewer.ReportServiceURL = @"https://demos.boldreports.com/services/api/ReportViewer";
    this.ReportViewer.RefreshReport();
}

In the above code, the sales-order-detail.rdl report and reportServiceUrl used from online URL.

Preview the report

Build and run the application to view the report output in the Report Viewer as displayed in the following screenshot:

Preview of sales order detail report

Note: You can refer to our feature tour page for the UWP Report Viewer to see its innovative features.

Display SSRS RDL report in Bold Reports® UWP Report Viewer