Hi, currently component Pager (https://www.telerik.com/kendo-react-ui/components/datatools/pager/) doesn't allow to display text before dropdown.
Pager now:
What i want to achieve:
Will you consider supporting such an option in the future?
Pager now:
What i want to achieve:
Will you consider supporting such an option in the future?
2 Answers, 1 is accepted
0
Hi Kamil,
It is possible to add the custom text using CSS and the "before" selector:
<style>
.k-pager-sizes:before{
content: "Show";
padding-right: 5px;
}Another option would be to create a completely custom pager:
Best Regards,
Konstantin Dikov
Progress Telerik
The Premier Dev Conference is back!
Coming to you live from Progress360 in-person or on your own time, DevReach for all. Register Today.
Coming to you live from Progress360 in-person or on your own time, DevReach for all. Register Today.
0
Kamil
Top achievements
Rank 1
Iron
Iron
Rank 1
Iron
Iron
answered on 16 Aug 2022, 06:01 AM
Hello Konstantin, thank you for your answer.
1. I cant use CSS solution because i want to use Globalization (https://www.telerik.com/kendo-react-ui/components/datatools/globalization/)
2. Isnt it overkill to create this component from scratch? Basic Pager is completly fine, its just missing that one string
Best Regards,
Kamil
1. I cant use CSS solution because i want to use Globalization (https://www.telerik.com/kendo-react-ui/components/datatools/globalization/)
2. Isnt it overkill to create this component from scratch? Basic Pager is completly fine, its just missing that one string
Best Regards,
Kamil
Konstantin Dikov
commented on 18 Aug 2022, 05:14 AM
Telerik team
Hi Kamil,
The CSS solution will not work with globalization and yes, making the pager from scratch will be an overkill, but since there is no built-in option, the only other solution that we can suggest is to use pure JavaScript to add the necessary text after the Grid is rendered.
You can also create a feature request in our public feedback portal, where other developers can vote for it: