Date picker and Export menu not working

[Matthew]

Hello,

 

I recently set up a report in ASP.NET MVC. The report viewer is created using the HTML helper in the razor view. Everything works except for the date pickers for some ReportParameters and the dropdown menu for exporting the report.

When I hover/click on either of those controls I get the following JS error: elem.getClientRects is not a function

I suspect I am missing a JS file.

The JS files included in the page are (in order of inclusion):

1. telerikReportViewer.kendo-11.0.17.222.min.js
2. telerikReportViewer-11.0.17.222.min.js

The CSS files included are (in order of inclusion):

1. kendo.common.min.css
2. kendo.blueopal.min.css

The ENTIRE view for the report viewer looks like:

@model Telerik.Reporting.TypeReportSource

@using Telerik.Reporting
@using Telerik.ReportViewer.Mvc

@section style {
    @Styles.Render("~/Content/css/KendoReporting")

    <style>
        #reportViewer1 {
            position: relative;
            margin-left:auto;
            margin-right:auto;
            width: 900px;
            height: 900px;
            font-family: Verdana, Arial;
        }
    </style>
}


@section scripts {
    @Scripts.Render("~/bundles/KendoReporting")
}


@(Html.TelerikReporting().ReportViewer()
        .Id("reportViewer1")
        .ServiceUrl(Url.Content("~/api/reports"))
        .ReportSource(Model)
        .ViewMode(ViewMode.Interactive)
        .ScaleMode(ScaleMode.Specific)
        .Scale(1.0)
        .PersistSession(false)
        .PrintMode(PrintMode.AutoSelect)

)

 

And finally the bundles used look like:

//Telerik Reporting Bundles
            bundles.Add(new ScriptBundle("~/bundles/KendoReporting").Include(
                "~/Scripts/Local/ReportViewer/telerikReportViewer-11.0.17.222.min.js",
                "~/Scripts/Local/ReportViewer/telerikReportViewer.kendo-11.0.17.222.min.js"));

            bundles.Add(new StyleBundle("~/Content/css/KendoReporting").Include(
                "~/Content/kendo.common.min.css",
                "~/Content/kendo.blueopal.min.css"));

 

In the main view layout, the JS files are loaded FIRST in the head, then the CSS files.

 

Thank you!

[Stef]

Hi Matthew,

The Kendo UI subset provided by telerik Reporting (telerikReportViewer.kendo-11.0.17.222.min.js) is of Kendo UI v2015.3.930. The loaded Kendo UI CSS files must be of the same version, or you can replace the Kendo JS subset with your version of kendo.all.min.js.

If the above does not resolve the problem, please open a support ticket and send us a demo project that reproduces the problem.

Regards,
Stef
Telerik by Progress