7.8 KiB
| title | description | type | page_title | slug | position | tags | ticketid | res_type |
|---|---|---|---|---|---|---|---|---|
| Telerik Reporting in .NET MAUI and .NET MAUI Blazor | Learn how to integrate a Telerik Report Viewer and preview a report into a .NET MAUI and .NET MAUI Blazor application. | how-to | Displaying Telerik Report in .NET MAUI/.NET MAUI Blazor application | displaying-telerik-report-in-net-maui-and-maui-blazor-applications | mobile, reporting, .netmaui, telerikreporting | 1579640 | kb |
Environment
| Product | Progress® Telerik® Reporting |
| Project Type | .NET MAUI and .NET MAUI Blazor |
| Report Viewer | HTML5 and Blazor Report Viewer |
Description
In this article, you will see how to display a Telerik Reporting report into a .NET MAUI and .NET MAUI Blazor applications by using the [Html5 Report Viewer]({%slug telerikreporting/using-reports-in-applications/display-reports-in-applications/web-application/html5-report-viewer/overview%}) and the [Blazor Report Viewer]({%slug telerikreporting/using-reports-in-applications/display-reports-in-applications/web-application/blazor-report-viewer/overview%}).
note You may preview but cannot print or export the reports with this solution. The reason for the limitations is that the MAUI WebView is not a full-blown browser and printing and downloading do not come out-of-the-box. For the supported functionality you can check the WebView description in the MS documentation.
Visual Studio Requirements
If you develop on Windows, you will need the Visual Studio 2022 version 17.3 or higher. You can make a new installation of Visual Studio or modify your current installation and install the .NET Multi-platform App UI development workload with its default installation options.
If you develop on Mac, then you will need Visual Studio 2022 for Mac 17.4 Preview. Note that .NET MAUI apps that target Windows can only be launched and debugged using Visual Studio 2022.
Telerik Reporting REST Service and Telerik Report Server
Our HTML-based Report Viewers require a running instance of the [Telerik Reporting REST Service]({%slug telerikreporting/using-reports-in-applications/host-the-report-engine-remotely/telerik-reporting-rest-services/overview%}) or the Telerik Report Server to display reports. Keep in mind that the report service should be hosted outside of the mobile app.
The project that hosts the Telerik Reporting REST service can target .NET Framework, .NET or .NET Core. You can find demos of the service in the installation folder of Telerik Reporting - Examples\CSharp subfolder.
If you are not much familiar with .NET, you can use the Telerik Report Server. It is a server-based reporting platform that provides comprehensive reports management, as well as a centralized storage for the reports and various ways to organize and preview them.
Embedding Telerik Reporting into .NET MAUI App
-
Firstly, you need to create the .NET MAUI app.
-
Then you can directly add the pure Html5 Report Viewer through a Web View. For example: