Hi,
I would like to ask if it is possible to move the grid pager to the right, and also rearrange the “1-1 of items” message as the first element in the pager with just CSS?
How I want it to show:
I can structure the pager to the right with this line of Javascript code ,
$('.k-pager-info').insertBefore('.k-grid-pager .k-link:first');
But I would prefer a solution with only CSS and no Javascript.
Thank you.
1 Answer, 1 is accepted
Hi, Ben,
The Kendo Pager utilizes the flexbox layout so you can use any of its built-in properties to arrange the elements in any way you'd like.
<style>
.k-grid-pager {
justify-content: end;
}
.k-pager-info {
order: -1;
}
</style>Dojo
https://dojo.telerik.com/@gdenchev/OlOsEcUR
Best Regards,
Georgi Denchev
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.