I followed all of the instructions to install Telerik into my exising ASP.NET Core 2.1 application and it all worked fine. The application compiled fine and came up in the website, but when the Index page loaded the date picker did not work and was just a simple text box.
I did not miss any of the steps from what I can see, so I'm not sure why this would not be working.
I'm using Visual Studio 17, and this is an ASP.NET Core 2.1 application.
I'm evaluating Telerik to see if it will be a fit for my needs. The controls look great, but I need to get them working to test this out.
Any help or advice would be greatly appreciated.
3 Answers, 1 is accepted
Hello Bob,
The described behavior indicates that the DatePicker hasn't initialized properly. When that happens there should be a js exception in the browser dev tools console.
If the Kendo UI js and CSS files (client-side resources) are properly loaded in the _Layout.cshtml, check whether jQuery is loaded twice in the _Layout. This is something that should be avoided. It is mentioned in a note in the Including Client-Side Resources article. If there are two references of jQuery, remove the second one and leave only a single one, in the <head> tag, before the kendo.all.min.js and the kendo.aspnetmvc.min.js files.
If that does not resolve the issue, please zip the sample project and attach it for further review.
Regards,
Ivan Danchev
Progress Telerik
Rank 1
Hello,
I am using ASP.NET Core 3.1 with Razor Pages and Visual Studio 2019 and it is happened to me too.
I am sure that I miss something on the way.
I am evaluating Telerik for .NET Core Razor Pages to see if it will works for our projects, so far not so good.
Maybe I should stick with ASP Web Forms.
Yours
Gil
Hello Gil,
First, thank you for the screenshot.
It appears the head may not have the correct order for stylesheets/scripts to generate the components. For example, here's one approach:
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - DatePickerExample</title>
@{ var kendoVersion = "2020.1.406";}
<link href="https://kendo.cdn.telerik.com/@kendoVersion/styles/kendo.bootstrap-v4.min.css" rel="stylesheet" type="text/css" />
<script src="https://kendo.cdn.telerik.com/@kendoVersion/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/@kendoVersion/js/jszip.min.js"></script>
<script src="https://kendo.cdn.telerik.com/@kendoVersion/js/kendo.all.min.js"></script>
<script src="https://kendo.cdn.telerik.com/@kendoVersion/js/kendo.aspnetmvc.min.js"></script>
<link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.css" />
<link rel="stylesheet" href="~/css/site.css" />
</head>Additionally, we have a sample application found in our Razor Integration documentation which you can take a look to compare.
Regards,
Patrick
Progress Telerik
Our thoughts here at Progress are with those affected by the outbreak.