Custom Report Viewer Template

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

Adding a Custom Report Viewer Template

1. The template of the React Report Viewer can be found in the installation folder of Telerik Reporting - C:\Program Files (x86)\Progress\Telerik Reporting 2025 Q2\Html5\ReportViewer\templates.

2. Copy the file to your React application assets folder or the 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="/api/customtemplates/customTelerikReportViewerTemplate/"
       reportSource={{
           report: 'Report1.trdp',
           parameters: {}
       }} />
   

See Also

• Templates Overview

• Templates Strucure

• Providing Custom Templates