CODEWITHSUNDEEP
asp.net-mvckendo-uikendo-asp.net-mvc
user2739418
user2739418

Reputation: 1631

How to use open source version of Kendo UI in MVC application

I see Telerik provides open source version of Kendo UI at following URL

http://www.telerik.com/download/kendo-ui-core

I downloaded it but not able to make it work in ASP.NET MVC application.

I am not sure what i am missing. I make a call to CSS and JS files as mentioned in below link: http://docs.telerik.com/kendo-ui/getting-started/using-kendo-with/aspnet-mvc/asp-net-mvc-4

Although I am missing one step Add reference to Kendo.Mvc.dll because Telerik don't provide installer in free version and I need JavaScript version of Kendo UI not with MVC selector.

Any idea here?

Upvotes: 1

Views: 11397

Answers (2)

rakesh
rakesh

Reputation: 1

Comment out the following line in _layout.cshtml page @@Scripts.Render("~/bundles/jquery")@ and add the below lines at the end of the head section : 

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.903/js/kendo.all.min.js"></script>

Upvotes: 0

Mike Cheel
Mike Cheel

Reputation: 13106

If you go to: http://dojo.telerik.com/

The default page contains everything you will need to get up and running and in what order:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Untitled</title>

  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.rtl.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.default.min.css">
  <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.mobile.all.min.css">

  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.all.min.js"></script>
</head>
<body>
</body>
</html>

If it is still not working after you put this in your page then something else is going on.

Upvotes: 3

Related Questions