HTML5 ReportViewer Layout Breaks after Upgrade
Environment
| Product | Progress® Telerik® Reporting |
| Project Type | Web Application |
| Report Viewer | Any web-based viewer |
Description
How can I fix the broken layout of the HTML5 ReportViewer after upgrading the Telerik Reporting version?
Cause
The possible causes for this issues depend on the scenario:
- Utilizing the default template and styles—As the default template comes from the Telerik reporting assembly, it is possible that you are using a previous version of the assemblies.
- Utilizing a custom (local) template and styles—It is possible that the custom template is not containing the new changes from the latest release.
- Utilizing either the default or custom template—It is possible that the older template is still cached by browsers.
Solution
- For the default template and styles scenario—Web-based viewers are widgets that get content produced on the server by the Reporting REST service. Make sure that latest assemblies are referenced in the Rest Service project.
- For the custom template and styles scenario—All local loaded Telerik Report Viewer resources have to be manually updated on upgrade to include the new changes. The resources are located in the default Telerik Reporting installation folder, for example, at
C:\Program Files (x86)\Progress\Telerik Reporting 2024 Q4\Html5\ReportViewer. - For either the default or custom template—After updating the assemblies or merging the latest changes, make sure that the browser cache is cleared. Browsers often cache HTML and CSS files to optimize the page loading. Sometimes they do not detect modified files.