Pager input type numeric and page dropdown appearance customization

2 Answers 63 Views
Grid Pager Styling
Constantinos Petridis
Top achievements
Rank 1
Iron
Iron
Constantinos Petridis asked on 03 Nov 2023, 12:06 PM

Is it possible to customize the appearance of input and page size dropdown controls in the TelerikPager control or the pager of the TelerikGrid control?

Our application uses the Material theme and all controls are using the Outline FillMode but I cannot change the Pages dropdown control of the grid's default pagger.

I can use the GridPagerTemplate to change the default pager with a customized one but still the TelerikPager control does not allow configuration of the TelerikNumericBox control behind the PagerInput control and the TelerikDropDownList behind the PagerDropDownList control.

2 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 07 Nov 2023, 02:44 PM

Hello Constantinos,

Indeed, the way to proceed is to use a PagerTemplate with manually defined NumericTextBox and a DropDownList.

Another option (that will work for the standalone Pager component too) is to override the styles of the components inside the pager. Remove the background color and apply a border.

Regards,
Dimo
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
0
Constantinos Petridis
Top achievements
Rank 1
Iron
Iron
answered on 10 Nov 2023, 09:57 AM
Thank you for the answer, I will also post a feature request to have the ability to customize the appearence of the pager's containing controls.
Tags
Grid Pager Styling
Asked by
Constantinos Petridis
Top achievements
Rank 1
Iron
Iron
Answers by
Dimo
Telerik team
Constantinos Petridis
Top achievements
Rank 1
Iron
Iron
Share this question
or