Custom Report Viewer Template

The React Report Viewer is based on the HTML5 Report Viewer and it uses the same styling mechanism.

Adding Custom Report Viewer Template

1. The template of the viewer can be found in the installation folder of Telerik Reporting: C:\Program Files (x86)\Progress\Telerik Reporting Version \Html5\ReportViewer\templates

2. Copy the file to your React application or REST service project, depending on your preferences.

3. Make the required changes in the file.

4. Set the templateUrl property of the viewer:

   <TelerikReportViewer
       ref={el => viewer = el}     
       templateUrl="telerikReportViewerTemplate-VERSION.html/"
       reportSource={{
         report: 'MyReport.trdp',
         parameters: {}
       }}
       >
   

See Also

• Templates Overview

• Templates Strucure

• Providing Custom Templates