Grid Pager buttons style conflict

4 posts, 1 answers
  1. Stuart Murray
    Stuart Murray avatar
    6 posts
    Member since:
    May 2007

    Posted 16 Jan 2018 Link to this post

    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.

  2. Stuart Murray
    Stuart Murray avatar
    6 posts
    Member since:
    May 2007

    Posted 16 Jan 2018 in reply to Stuart Murray Link to this post

    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.
  3. Answer
    Stefan
    Admin
    Stefan avatar
    2475 posts

    Posted 18 Jan 2018 Link to this post

    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
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  4. Stuart Murray
    Stuart Murray avatar
    6 posts
    Member since:
    May 2007

    Posted 18 Jan 2018 in reply to Stefan Link to this post

    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.
Back to Top