TypeError: f.getClientRects is not a function

[Louis]

Hello.  Why I have to copy all those reference in my .aspx page to avoid this error when i press the export button. 

It's not possible to use thoses references allready in _layout page?

 

<link href="https://kendo.cdn.telerik.com/2016.3.1118/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="https://kendo.cdn.telerik.com/2016.3.1118/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
<link href="https://kendo.cdn.telerik.com/2016.3.1118/styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css" />
<link href="https://kendo.cdn.telerik.com/2016.3.1118/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<link href="https://kendo.cdn.telerik.com/2016.3.1118/styles/kendo.dataviz.default.min.css" rel="stylesheet" type="text/css" />
<script src="https://kendo.cdn.telerik.com/2016.3.1118/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2016.3.1118/js/jszip.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2016.3.1118/js/kendo.all.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2016.3.1118/js/kendo.aspnetmvc.min.js"></script>

[Stef]

Hello Louis,

Please check HTML5 Viewer Requirements:

1. The HTML5 Viewer uses Kendo UI widgets in its structure that requires jQuery and Kendo UI JS and CSS files;
2. Additionally, you have to load the viewer's JS and CSS files, and the HTML template that includes links to an icons font.

The files can be load only by the page with the viewer or globally if you use a layout page. It is important to have only once jQuery on the page considered with the version of Kendo UI (use a version earlier than 3.1.0), and one version of Kendo UI CSS and JS files.

Regards,
Stef
Telerik by Progress

[HMPSOLBB]

HTML5 Report Viewer throws an exception while clicking on "Export" button:

 

"getClientRects" is not a function

 

 

Reporting Version: R2 2018 (12.1.18.516)

Viewer Kendo File: telerikReportViewer.kendo-12.1.18.516.min.js

 

@Telerik:

Any suggestions or tips?

[HMPSOLBB]

HTML5 Viewer throws an exception while clicking on "Export" button:

"r.getClientRects()" is not a function



Reporting Version: R2 2018 (12.1.18.516)
Viewer Kendo File: telerikReportViewer.kendo-12.1.18.516.min.js


@Telerik:

Any suggestions or tips?

[Silviya]

Hello HMPSOLBB,

The error message is reproducible with version 3.3.1 of jQuery and this is a known issue.

The following must be considered when working with HTML5 Report Viewer:
1. The HTML5 Viewer uses Kendo UI widgets in its structure that requires jQuery and Kendo UI JS and CSS files. The officially supported versions of jQuery are listed here: Supported jQuery Versions in Kendo UI for jQuery. As a side note, this version of jquery has logged an issue related to the current one - for more information jquery 3.0.0 breaks jqueryui dialog with error jf.getClientRects is not a function.
2. Additionally, you have to load the viewer's JS and CSS files, and the HTML template that includes links to an icons font. More details can be found in HTML5 Report Viewer Requirements help article.

The files need to be loaded only once. Make sure you load jQuery once on the page and Kendo UI CSS and JS files of the same version.

Additionally, you might check example setup of the HTML5 Report Viewer that could be found in product installation path, i.e. C:\Program Files (x86)\Progress\Telerik Reporting <VERSION>\Examples\CSharp.Html5Demo.

 

Regards,
Silviya
Progress Telerik