How to display "No items to display" in the middle of List view body

4 posts, 1 answers
  1. Parthasarathi
    Parthasarathi avatar
    24 posts
    Member since:
    Oct 2012

    Posted 10 Dec 2012 Link to this post

    Hi All,

    How to display "No items to display" in the middle of List view body?
    Please do the needful as soon as possible.

    Regards,
    Partha.
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2593 posts

    Posted 12 Dec 2012 Link to this post

    Hello Partha,

    From the provided picture I assume that your question is related to Kendo UI Grid. I am afraid at this stage "No records to display" message is only available in the pager and showing it in the middle of the blank grid is not supported. Actually there is a public item for "Showing no data text inside Grid when there's no data" at our UserVoice portal, so if you wish you may cast a vote or leave a comment for it. The more votes the suggestion collects, the higher priority will have. Please excuse us for the inconvenience caused.

    Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Parthasarathi
    Parthasarathi avatar
    24 posts
    Member since:
    Oct 2012

    Posted 12 Dec 2012 Link to this post

    Hello Iliana,

    Thanks for immediate response. That's ok. At least, Is it possible to change black color of "No records to display"  to red color. If it is possible, How can I do that? Immediate response would be appreciated.

    Regards,
    Partha.
  5. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2593 posts

    Posted 14 Dec 2012 Link to this post

    Hello Partha,

    You could achieve this using custom CSS and the element's specific class. For example:

    .k-grid .k-pager-info.k-label{
       color: red;
    }

    Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready