HTML5 Report Viewer Webpack Example - No Angular

[nick]

Are there any samples to accomplish this without Angular? My project is already setup to use kendo.ui and webpack.

[Silviya]

Hi Nick,

To display reports in a web application (not Angular) we recommend using HTML5 Report Viewer. It is a jQuery-based CSS/HTML/JavaScript widget which communicates with the server where the reports are generated using Reporting REST service.

Details on how to add HTML5 Viewer to the project are available in How To: Use HTML5 Report Viewer in an application help article.
Telerik Reporting HTML5 Report Viewer template could be added through Visual Studio Project -> Add New Item -> Web -> Telerik HTML5 Report Viewer Page <VERSION>. The VS item template will setup your project to enable the Telerik Reporting REST WebAPI Service and allows you to choose the type of the report source (either a path to a TRDP or TRDX file, an assembly qualified name of a report class, or other custom information). This report source string value will be sent to the Telerik Reporting REST service which internally resolves it to a TypeReportSource or a UriReportSource on the machine where the service and Telerik Reporting Engine are running.

Please note that we provide scripts of the report viewer and also Telerik Kendo UI custom distribution for Telerik Reporting by default. However, you might use the complete Kendo UI instead, but you must make sure that the page loads only one version of Telerik Kendo UI styles and scripts (both of the same version). Anything after that depends on you (the webpack part).

In case of issues, please open new support ticket and send us a sample project for local investigation.

Regards,
Silviya
Progress Telerik