can message display of Grid be showing if the grid is limited with width ?

2 posts, 0 answers
  1. Pauline
    Pauline avatar
    1 posts
    Member since:
    Nov 2013

    Posted 25 Mar 2017 Link to this post

    Hi, 

    On the Grid, normally,  messages: { display: "Showing {0}-{1} from {2} data items"}  shows on the right side of the footer. When the Grid is limited on width (when re-sizing the window), the messages disappears. 

    The question here is that: is that possible to display the messages on the second row below of the footers (with first, last , buttons and page number , etc)? we just want to have the messages show up on the grid regardless of the width of the grid.

     

    thanks,

     

    Pauline

  2. Preslav
    Admin
    Preslav avatar
    566 posts

    Posted 28 Mar 2017 Link to this post

    Hello Pauline,

    The desired functionality could be achieved by overriding the base Kendo UI style classes. For example, to display the message regardless the width of the grid, the CSS code might look something like:

    .k-edge .k-pager-info,
    .k-ff .k-pager-info,
    .k-ie11 .k-pager-info,
    .k-safari .k-pager-info,
    .k-webkit .k-pager-info {
      display: block;
    }

    Additionally, a runnable example is available here: http://dojo.telerik.com/ObOlU

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