This is a migrated thread and some comments may be shown as answers.

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

1 Answer 106 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Pauline
Top achievements
Rank 1
Pauline asked on 25 Mar 2017, 05:26 PM

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

1 Answer, 1 is accepted

Sort by
0
Preslav
Telerik team
answered on 28 Mar 2017, 01:21 PM
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.
Tags
Grid
Asked by
Pauline
Top achievements
Rank 1
Answers by
Preslav
Telerik team
Share this question
or