Grid Pager buttons style conflict

[EBMS Stuart]

Hi,

I have set up a grid in our web application and have a problem related to the styles being applied to the pager buttons. The biggest problem I have is an issue with the first/previous and next/last buttons on the grid's pager being aligned strangely - We assume that this is related to a conflicting stylesheet or something, but for the life of me I can't find what it is.

There are some other problems too:

* The quick filter cell background's gradient seems to be off

* The filter dropdown button has its "funnel" icon aligned poorly.

Has anyone run into this issue before? If so, any tips?

Thanks.

[EBMS Stuart]

Update: I have managed to eliminate the issues with the background gradient, and fixed the conflicting style that was padding the numeric pager buttons, so it's just icon alignment now.

[Stefan]

Hello, Stuart,

Thank you for the details.

I can suggest checking the following suggestion provided in StackOverflow:

https://stackoverflow.com/questions/30518681/kendoui-grid-pager-icons-out-of-alignment

As for some of the issues, they can occur if you recently updated the Kendo UI version as we had a breaking change in regards to the icons introduced in 2017 R1:

https://docs.telerik.com/kendo-ui/backwards-compatibility/2017-backward-compatibility#changes-from-2016-r3-sp2

In order to determine what may be causing the issue, I can suggest opening one of our demos and inspect the icons with the developers' tools and comparing the difference between the demo and the real application.

Also, if an example is provided I will be happy to inspect the difference as well.

Regards,
Stefan
Progress Telerik

[EBMS Stuart]

Thanks for the response. Changing DOCTYPE to the HTML5 type, from XHTML transitional has fixed the button alignment. We will need to do some testing to ensure the rest of the site works OK though.