Zooming issues in telerik report viewer

2 posts, 1 answers
  1. Vlad
    Vlad avatar
    4 posts
    Member since:
    Dec 2018

    Posted 04 Mar Link to this post


    I was using previously telerik reporting with angular 5. After the new release we are investigating the update to Angular 7 and Telerik 2019 R1 SP1.

    We have done the updates on our solution and we have encountered a few issue:

    1. Styles are not retrieved from "telerikReportViewer-sass.css" file, but they are embedded in the dll, and we were missing for the .trv-pages-area div{box-sizing:content-box}; it was border-box (resulting in wrong visualization of the controls, they were vertically cut and the crosstab was having big borders between cells). We have fixed this using this thread https://www.telerik.com/forums/custom-popup-editor-layout-issue  (that pointed to this: 
    https://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap#nesting-kendo-ui-widgets-and-bootstrap-grid-layout ). I don't know if there is a better way, so if you have any hints, we are opened to them.

    2. We have a report with 4 pages. Now with the new feature of continuous scrolling we get all pages on beneath each other. We don't want this, so we have set the PageMode to SINGLE_PAGE (in the ts file: public pageMode = 'SINGLE_PAGE'; and in the html file [pageMode]="pageMode" under the <tr-viewer>). With this change it broke the scale of the zooming of the report viewer (only 0.75 and 1.5 are available). We don't have the intermidiate scales and all that go until 9 scale. I think this is a bug.

    The 2nd part is the most critical one.

    Thank you,


  2. Answer
    Todor avatar
    351 posts

    Posted 07 Mar Link to this post

    Hello Vlad,

    1. Styles are not retrieved from "telerikReportViewer-sass.css" file
    Indeed, starting with R3 2018 SP1 release the additional Sass template is removed. The default telerikReportViewer.html and telerikReportViewer.css files are unified to work correctly with both Less and Sass Kendo themes - How to style Telerik Angular Report Viewer using Sass-based themes KB article. I suggest removing the Sass templates and themes and use the default telerikReportViewer.html and telerikReportViewer.css files instead. If this doesn't fix the issue, please, specify the theme used so that we can test it locally.

    2. With this change, it broke the scale of the zooming of the report viewer (only 0.75 and 1.5 are available). We don't have the intermediate scales and all that go until 9 scales. I think this is a bug.
    I confirm that this is a known bug for the specified version. It has already been fixed and will be released with our next Official or Internal build.

    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