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
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
.Copy the file to your React application
assets
folder or the REST Service project, depending on your preferences.Make the required changes in the file.
-
Set the templateUrl property of the viewer:
<TelerikReportViewer ref={el => viewer = el} templateUrl="/api/customtemplates/customTelerikReportViewerTemplate/" reportSource={{ report: 'Report1.trdp', parameters: {} }} />