Search code examples
kendo-uikendo-gridkendo-asp.net-mvc

Kendo UI Grid - Where to look for fonts and icons

I'm in the early stages of learning Kendo UI. I've got the grid work and loading data but none of the images/icons that should appear in the grid are appearing. When I load the page containing the grid, I get the following 404 errors. The error message doesn't tell me where it's expecting to find these files.

Where is Kendo UI looking for these files? Or, can I tell Kendo where to look for them?

enter image description here

I currently have the files located here in my MVC folder structure, but it's not finding them:

enter image description here

Solution

  • The fonts and icons should be located under the content\kendo\{your kendo version}\ (assuming you are creating an MVC.net site based on the tag (see image below)

    if this is missing then try running the upgrade wizard in visual studio (assuming you are using visual studio here) or just include the files you require from your distribution.

    can you also check you have included the required css links within your site (please note I am using the bootstrap theme here so alter to work with your theme as required): 

      <link href="@Url.Content("~/Content/kendo/2017.1.118/kendo.common-bootstrap.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/2017.1.118/kendo.mobile.all.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/2017.1.118/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/2017.1.118/kendo.bootstrap.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/2017.1.118/kendo.dataviz.bootstrap.min.css")" rel="stylesheet" type="text/css" />

    if this is set up correctly just make sure the fonts etc are set to "content" for the 'Build Action'

    Example image of kendo content layout