Adding Kendo to MVC


1 min read

To add Kendo to MVC razor here is what I had to do.

  • In the project root, create folder called Kendo and copy the following folders, js, styles and wrappers. kendo.png

  • Copy the kendo razor templates wrappers\aspnetmvc\EditorTemplates\Razor -> Views\Shared\EditorTemplates shared.png

  • Add Kendo namespace to web.config in the view folder. If you have created areas, you need to add into those web.configs too

<pages pageBaseType="System.Web.Mvc.WebViewPage">
    <add namespace="System.Web.Mvc" />
    <add namespace="System.Web.Mvc.Ajax" />
    <add namespace="System.Web.Mvc.Html" />
    <add namespace="System.Web.Optimization" />
    <add namespace="System.Web.Routing" />
    <add namespace="Kendo.Mvc.UI" />
  • In the layout file _Layout.chtml add the following.
<link rel="stylesheet" href="//">
<link href="//" rel="stylesheet" />
<link href="//" rel="stylesheet" />
<link href="//" rel="stylesheet" />
<script src="//"></script>
<script src="//"></script>
<script src="//"></script>