Progress® Telerik® Reporting R3 2017

How To: Use HTML5 Report Viewer in an application

The quickest way to add a HTML5 Report Viewer to your web project is with the Telerik HTML5 Report Viewer item template in Visual Studio.

For full control you can manually configure the REST service and add the HTML5 Report Viewer as elaborated in Manual Setup help article.

Prerequisites

  1. Review the HTML5 Report Viewer System Requirements.

  2. All path references in the described steps should be adapted according to your project setup. For more information please refer to the MSDN article ASP.NET Web Project Paths

Telerik HTML5 Report Viewer Item Template

The HTML5 Report Viewer item template is available in the Add New Item dialog box under the Web category.

The VS item template will setup your project to enable the Telerik Reporting REST WebAPI Service. The VS item template will do the following:

  • Build the project and check that the project is using a compatible .NET version.

  • Verify that the project is having all the required references. If a reference is missing, the VS item template will add a reference or it will install the corresponding NuGet package.

  • Open the 'Add New Report Viewer' dialog to choose a report definition for the report viewer.

    • If the Sample Report option is selected, the VS item template will add the sample report definition to the Reports directory - SampleReport.trdx.

    • If applicable, the VS item template will add the required connection string from the reports project configuration file.

  • If missing, the VS item template will add a ReportsController to the Controllers folder.

  • If missing, the VS item template will add Global.asax and will register the service routes in the Global.asax.

  • If missing, the VS item template will add the HTML5 Report Viewer JavaScript.

  • Add HTML page with the HTML5 Report Viewer.

  • Show a summary log that list all of the made changes.

See Also