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

KendoUI Grid Pager Icons out of alignment

Implemented a Kendo Grid exactly as stated in the examples.

Here is the pager in the example:

enter image description here

Here is my pager:

enter image description here

Notice how the arrows are right at the top of the buttons.

enter image description here

Why is it like this? I thought if you install KendoUI that everything should work well out of the box?

I have tried this in Chrome, Firefox and IE and the same results.

Does anyone know how to fix this?

The worst part is the refresh on the right hand side, it's completely out of alignment to the item count next to it.

I have even tried a fresh install on a new solution and that did not fix the problem either.

Can someone please help me? Is there perhaps more steps to install Kendo UI properly?

Solution

  • I had this similar problem some time ago. After searching problem I found out that I didn't have doctype on my page.

    <!DOCTYPE html>