Icons not showing in my KendoUI for JQuery Grid

Question

I have a KendoUI for JQuery grid, and as you can see in the screenshot below, all of the paging icons are not showing.

I have added the necessary stylesheet references.

And I have made sure that the stylesheets themselves and the .PNG files referenced in them are in my solution.

When I run the solution, I use Google Chrome.

At this point, I am at a loss as to what I'm doing wrong. If anyone knows anything, please help.

score 9 · Accepted Answer · answered Sep 05 '18 at 21:00

9

I do not see the required fonts folder:

\kendo\fonts
\kendo\fonts\DejaVu
\kendo\fonts\glyphs
    KendoUIGlyphs.eot
    KendoUIGlyphs.svg
    KendoUIGlyphs.ttf
    KendoUIGlyphs.woff
    ...

I see you are not putting them in a kendo subfolder, but that should not matter as long as the relative paths are the same.

answered Sep 05 '18 at 21:00

Steve Greene

1

Yep, that did the trick! Thank you so much for your help! I really wish Telerik's documentation of the KendoUI Grid had included this. – ShowJX1990 Sep 10 '18 at 21:09
I searched for it but I never saw it. All I saw was their HTML example code which referred to a couple of .js and .css files. That was it. – ShowJX1990 Sep 12 '18 at 13:00
I was being sarcastic. Kendo documentation sucks. – Steve Greene Sep 12 '18 at 13:34

1 Answers1