Add scheduler tool to Metronic v.8.1.8 deom4
Hi everyone,
I used Metronic v.8.1.8 deom4, I want to add shecduler tool -Telerik scheduler (https://www.telerik.com/aspnet-core-ui)- , I added all script that related to Telerik in _Layout.cshtml, but telerik scheduler can't run, and this error displayed (kendoScheduler is not a function at HTMLDocument), I searched to fix it, and try many solutions,
Can I add tool like as Telerik with Metronic theme??
Thank you for your support
Replies (7)
Hi,
We haven't tried Telerik components with Metronic yet. Basically, you can use any library with Metronic as long as there is no JS error on your page that can break the whole JS functionality.
If you can share with us your test link we can have a look at the page's code via Chrome Dev tools.
Have you tried to use it without Metronic ? Just to make sure that the library itself working
Regards.
Hi Sean,
Thank you for your response,
Yes I tried without Metronic and it is working, so far I haven't found a solution, but I will try again
Thank you for your help
Hi,
Sure, i hope you will get it working. By right Metronic's js code should not interrupt any 3rd party plugin. Please make sure that you do not include the jQuery plugin twice as Metronic's main plugins bundle js already includes it. If we can help with anything else please do let us know.
Regards.
Hi Sean, I hope you are well,,
I am trying, when comment the main script of Metronic - <script src="assets/plugins/global/plugins.bundle.js"></script> - , Telerik tool is working, but this script it is a main script of theme, how can fix this issue??
<head> <base href="../../" />
<title>@ViewData["Title"] - @_Lang.Get_Label("AppName")</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="canonical" href="https://preview.keenthemes.com/metronic8" /><!--Telerik-->
<link href="https://kendo.cdn.telerik.com/2021.3.914/styles/kendo.bootstrap-v4.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.914/styles/kendo.rtl.min.css" />
<script src="https://kendo.cdn.telerik.com/2021.3.914/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2021.3.914/js/kendo.all.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2021.3.914/js/kendo.aspnetmvc.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/kendo-ui-core/2014.1.416/js/kendo.timezones.min.js"></script>
<!--End Telerik-- > ....... </head> <body> .... <!--begin::Javascript-->
<script>var hostUrl = "assets/";</script>
<!--begin::Global Javascript Bundle(mandatory for all pages)-->
<script src="assets/plugins/global/plugins.bundle.js"></script>
<script src="assets/js/scripts.bundle.js"></script>
<!--end::Global Javascript Bundle-- > ........ </body>Hi,
Have you tried to include Telerik before Metronic's assets ?
Does Teleric include its jQuery version anyhow? If possible please provide me a test URL in a private reply to your app so I can check it online.
Regards.
Hi Sean,, Thank you for your support,,
But I can't share the code, because it is company code, but I want to point that previous developer used oldest version of Metronic theme - 2017 - and Telerik tool was properly working, but when I upgraded to new version the Telerik not working.
Telerik guidelines say it must put Telerik scripts path in head section, and by default the theme scripts path in body section, when I put theme script before Telerik scripts in head section, Telerik is working but js of theme isn't working.
Telerik scripts:
<head><!--Telerik-->
<link href="https://kendo.cdn.telerik.com/2021.3.914/styles/kendo.bootstrap-v4.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.914/styles/kendo.rtl.min.css" />
<script src="https://kendo.cdn.telerik.com/2021.3.914/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2021.3.914/js/kendo.all.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2021.3.914/js/kendo.aspnetmvc.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/kendo-ui-core/2014.1.416/js/kendo.timezones.min.js"></script>
<!--End Telerik-- ></head>JS theme:
<body> <!--begin::Javascript-->
<script>var hostUrl = "assets/";</script>
<!--begin::Global Javascript Bundle(mandatory for all pages)-->
<script src="assets/plugins/global/plugins.bundle.js"></script>
<script src="assets/js/scripts.bundle.js"></script>
<!--end::Global Javascript Bundle-- ></body>However, if I have to share the code to explain more, let me know, to take permission from my manager.
I appreciate your support, thank you.
Hi,
Metronic already bundles the jQuery library so you can skip it for your Telerik includes so please remove the below include
https://kendo.cdn.telerik.com/2021.3.914/js/jquery.min.jsTry to include Telerik JS scripts after the Metronic js script this Telerik will get the jquery library that Metronic includes.
Regards.
