Telerik Report toolbar missing with Kendo SASS themes

2 posts, 0 answers
  1. Eric
    Eric avatar
    47 posts
    Member since:
    Aug 2012

    Posted 14 Sep 2018 Link to this post

    When using the newer kendo SASS themes as found in npm, the toolbar of my telerik reports disappears. telerikReportViewer-css is still being loaded, but the toolbar does not end up with any visible buttons.

    Are telerik reports incompatible with the kendo SASS themes found in npm? How can I get this working with the SASS styles as they work better with the Kendo React components.

  2. Silviya
    Silviya avatar
    417 posts

    Posted 19 Sep 2018 Link to this post

    Hello Eric,

    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 -
    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."

    Progress Telerik
    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? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top