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

Compatibility issue with Chart (HTML5) - Reportviewer

1 Answer 109 Views

Chart (HTML5)

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

Francisco asked on 28 Nov 2019, 02:37 PM

capture-only-report.png

capture-report-chart.png

Hello, doing tests with the latest version of reports and controls ajax I find that if on the same page there is a Chart(HTML5) and a Telerik Report Viewer the top bar of the report is not generated correctly. I have tried including different versions of jquey, and the result is the same, starting a new project and only leaving those two controls the problem persists, deactivating one control and leaving only the other separately work perfectly, the problem only occurs when the two. Making tests to understand the problem disable some attributes of the Chart(HTML5) and leaving (EnableEmbeddedScripts = "false") the two controls are generated correctly even if the graph is not displayed. Is it not possible to combine the two controls? Thanks.

1 Answer, 1 is accepted

answered on 02 Dec 2019, 03:22 PM

Default-aspx.zip

Hi Francisco,

We have already answered your support ticket on the matter, for convenience I am copying our reply here as well:

The issue was discussed from both teams - Telerik UI for AJAX and Telerik Reporting. The behavior is caused because of the embedded into the UI for ASP.NET AJAX stripped version of the Kendo scripts. To avoid this outcome, you need to load all Kendo scripts on the page and disable the once embedded in the AJAX DLLs:

<head runat="server">
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.default-v2.min.css" />
    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js"></script>
    ...
</head>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableEmbeddedjQuery="false">
    <Scripts>
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryExternal.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryPlugins.js" />
    </Scripts>
</telerik:RadScriptManager>

For further information, refer to RadHtmlChart Integration With KendoUI Widgets article. You can also check the attached page which demonstrates the approach.

In addition, you may consider the usage of the Graph item (Column Charts) from Telerik Reporting for consistency and of course if the scenario of the application allows that.

Please, let us know id you need further assistance.

Regards,
Vessy
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.