This is a migrated thread and some comments may be shown as answers.

TypeError: f.getClientRects is not a function

4 Answers 419 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Louis
Top achievements
Rank 1
Louis asked on 18 Dec 2016, 10:34 PM

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>

4 Answers, 1 is accepted

Sort by
0
Stef
Telerik team
answered on 19 Dec 2016, 12:52 PM
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
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
0
HMPSOLBB
Top achievements
Rank 1
answered on 24 May 2018, 01:43 PM

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?

0
HMPSOLBB
Top achievements
Rank 1
answered on 24 May 2018, 01:47 PM
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?
0
Silviya
Telerik team
answered on 28 May 2018, 08:31 AM
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
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
Tags
General Discussions
Asked by
Louis
Top achievements
Rank 1
Answers by
Stef
Telerik team
HMPSOLBB
Top achievements
Rank 1
Silviya
Telerik team
Share this question
or