Since we are discussing this on your support ticket #1342500 also, I'll post my reply here too.
A few notes before that:
- This behavior of the report viewer is caused by the fact that you are trying to switch from Less-Based theme to Sass-based theme for styling the ReportViewer.
- At the moment, the workaround is described in step 8 of How To: Use Angular Report Viewer with Angular CLI (please note that this is not just for the angular report viewer, but it could be a solution for the HTML5 Report Viewer also): "When using Sass-Based Themes: Use pre-built CSS files or NPM packages as described in Getting the Sass-Based Themes. Then set the templateUrl of the report viewer to an HTML template specifically designed for use with the Sass-Based themes"
And here is my last answer of a question if there is another placement of telerikReportViewer-sass.html and telerikReportViewer-sass.css files than through the @progress/telerik-angular-report-viewer npm package:
"However, you question about the placement of the telerikReportViewer-sass.html and telerikReportViewer-sass.css is relevant to the topic. In general, there is an existing sass template in Telerik Reporting installation folder, for example C:\Program Files (x86)\Progress\Telerik Reporting <VERSION>\Html5\ReportViewer\templates, but there is no telerikReportViewer-sass.css into the styles folder. We haven't put it there at first, due to the internal discussion with Kendo team for further fix and improvement, so the user will not be required to add any custom templates and styles to run custom Kendo themes with the Report Viewer. I've already mentioned that there is an opened issue - https://github.com/telerik/kendo-themes/issues/225.
After that, telerikReportViewer-sass.css and telerikReportViewerTemplate-sass.html will no longer exist for manual configuration to work properly.
So far this file is distributed only through the @progress/telerik-angular-report-viewer npm package.
We will continue following the case with Kendo team and either provide the sass stylesheet file in installation folder in future versions or prevent the need of using the sass template structure at all."
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Telerik Feedback Portal
and vote to affect the priority of the items