How to use the HTML5 Report Viewer in ASP.NET WebForms project

PROBLEM
How to use the HTML5 Report Viewer in ASP.NET WebForms project.

The information below is obsolete. Instead consider our online documentation that is always up to date.

SOLUTION
The HTML5 Report Viewer is entirely HTML5/CSS3/JS based viewer served via Reporting REST Service. To implement the service you need to use certain namespaces allowing you to build such HTTP services. The following steps elaborate how to add HTML5 Report Viewer to ASP.NET WebForms project and implement the Reporting REST Service in the same project.

1. Create new ASP.NET WebForms project;
   
   
2. Add the  following assemblies and set their Copy Local properties to true:
   Newtonsoft.Json.dll
System.Web.Http.dll
   System.Web.Http.WebHost.dll
System.Net.Http.dll
Telerik.Reporting.dll
Telerik.ReportVIewer.Mvc.dll
Telerik.Reporting.Services.WebApi.dll
   
   
3. Add App_Start folder to the root of the project and add new class WebApiConfig.cs. In this class you can set up the Web API Routes. For example add a static method called Register:
   
   C#
   public class WebApiConfig

   {

         public static void Register(HttpConfiguration config)

         {

             Telerik.Reporting.Services.WebApi.ReportsControllerConfiguration.RegisterRoutes(config);

         }

   }
   
   VB
   Public Class WebApiConfig

       Public Shared Sub Register(config As HttpConfiguration)

              Telerik.Reporting.Services.WebApi.ReportsControllerConfiguration.RegisterRoutes(config)

       End Sub

   End Class
   
   
   
4. Add Global.asax file to the project and call the Register method from the Global.asax Application_Start event handler:
   
   C#
   protected void Application_Start(object sender, EventArgs e)

   {

       WebApiConfig.Register(GlobalConfiguration.Configuration);

   }
   
   VB
   
   Protected Sub Application_Start(sender As Object, e As EventArgs)

       WebApiConfig.Register(GlobalConfiguration.Configuration)

   End Sub
   
   
5. Add new folder named Api to the root of the project and add a class in it, where you can implement the Telerik Reporting REST Service by following the instructions in the How to: Implement the service help article.
   
   
6. Add new WebForm to the project and HTML5 Report Viewer on it as illustrated in the How To: Add the HTML5 Report Viewer to an HTML page help article.

Note: The service can be implemented in a separate project as well. The viewer requires only the service URL to communicate with the service. If the Reporting REST Service is hosted separately, you will need to enable CORS.