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

kendo UI Doesn't work Asp.net MVC 5.2

2 Answers 159 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
amir
Top achievements
Rank 1
amir asked on 22 Mar 2018, 08:40 AM

I install kendo ui asp.net mvc 2018.1.117 and 2016.

1. I add Style and JS Folder to my project and renamed both of them to "kendo" .

2. add reference to my project

3. I didn't config BundleConfig.cs because there was no BundleConfig.cs in my project

4. I add namespace to web.config

5. I add Styles and ... manually in my project like :

 

<link href="@Url.Content("~/Content/bootstrap.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
 
<link href="@Url.Content("~/Content/kendo/kendo.common-material.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/kendo.mobile.all.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/kendo.material.min.css")" rel="stylesheet" type="text/css" />
 
<script src="@Url.Content("~/Scripts/kendo/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/angular.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/jszip.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/kendo.all.min.js")"></script>

 

I did all these steps and when I add kendo date Picker it doesn't work:

@(Html.Kendo().DatePicker().Name("datepicker"))

 

 

When I click inspect element it shows my css and js file but kendo ui doesn't work.

 

I attach the Picture that show kendo ui doesn't work

2 Answers, 1 is accepted

Sort by
0
amir
Top achievements
Rank 1
answered on 23 Mar 2018, 11:28 AM

Hello

could you please help me ?

0
Dimitar
Telerik team
answered on 26 Mar 2018, 07:08 AM
Hello Amir,

In addition to adding the scripts and styles references to the project, the Kendo.Mvc.dll reference also has to be added to the project in order to be able to use the Kendo HtmlHelpers. To do this, please follow the below steps:

  • Right-click the References node in Solution Explorer. Click Add Reference.

  • Select the Browse tab of the Add Reference dialog. Navigate to the install location of Telerik UI for ASP.NET MVC.

  • Navigate to wrappers/aspnetmvc/Binaries/MVC5. This directory contains the ASP.NET MVC 5 version of Telerik UI for ASP.NET MVC.

  • Select Kendo.Mvc.dll and click OK.

After the above step is successfully completed, the next step is to update the Views/web.config file to include the Kendo namespace:
<namespaces>
   ...      
  <add namespace="Kendo.Mvc.UI" />
</namespaces>

The above steps are also described in the Creating Applications Article, which you can use for additional references.

Regards,
Dimitar
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
General Discussions
Asked by
amir
Top achievements
Rank 1
Answers by
amir
Top achievements
Rank 1
Dimitar
Telerik team
Share this question
or