Dots on Kendo Grid pagination Bar

6 posts, 0 answers
  1. Raj
    Raj avatar
    34 posts
    Member since:
    Nov 2016

    Posted 08 Mar 2017 Link to this post

    I am getting some strange dots on Kendo grid pagination bar. How can i remove This?
  2. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    1187 posts

    Posted 09 Mar 2017 Link to this post

    Hi Raj,

    I could not reproduce the described issue with any of our themes (you can switch between themes from the menu in the top-right corner of the page:

    http://demos.telerik.com/kendo-ui/grid/index

    There seems to be some custom and/or third-party styling that interferes with the built-in Kendo UI styles, more specifically - the dots seem to be coming from the LI elements the Pager buttons are in, and the list-style is not set to none, e.g. from our styles:

    body, h1, h2, h3, h4, p, ul, li, a, button, .main-nav, .kendo-nav, #banner p, .browsers, #nav-pager, #examples-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    Removing or modifying the custom styling should resolve the issue.

    Regards,
    Dimiter Topalov
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Raj
    Raj avatar
    34 posts
    Member since:
    Nov 2016

    Posted 13 Mar 2017 in reply to Dimiter Topalov Link to this post

    Thanks !!! kendo Style Sheet was over written by other stylings. Fixed it.
  4. Raj
    Raj avatar
    34 posts
    Member since:
    Nov 2016

    Posted 13 Mar 2017 in reply to Dimiter Topalov Link to this post

    Thanks!! Kendo Style Sheet was over written by other styling. Fixed it.
  5. sapnaa
    sapnaa avatar
    1 posts
    Member since:
    Dec 2017

    Posted 08 Dec 2017 Link to this post

    What if i am sending skip and take parameter from "Read" in kendo and that brings only datas what i wabted from the sql raw query and now my pagination is not working. What to do with that?
  6. Stefan
    Admin
    Stefan avatar
    2534 posts

    Posted 12 Dec 2017 Link to this post

    Hello, Sapnaa,

    Based on the information I can assume that the issue occurs because the total value of the response is equal to the pageSize. This is creating a scenario where the Grid "thinks" that these are all of the items.

    In this scenario, I can suggest the total number of records should be retrieved in a variable from the SQL and that variable has to be passed to the Grid inside the response:

    https://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-schema.total

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