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

Style kendo paging dropdown as a regular dropdown

3 Answers 414 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Chrys
Top achievements
Rank 1
Chrys asked on 22 Apr 2013, 09:17 PM
Is there a way to style a kendo grid paging dropdown like a normal dropdown?

3 Answers, 1 is accepted

Sort by
0
Atanas Korchev
Telerik team
answered on 23 Apr 2013, 06:52 AM
Hi Chrys,

 No, there isn't. The pager uses the Kendo UI DropDownList widget in order to match the appearance of the rest of the widget.

Regards,
Atanas Korchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Garry
Top achievements
Rank 2
Veteran
answered on 17 Jan 2021, 11:32 AM

Is there a way to override the style of the page number dropdown?

In particular I want the greyed highlight to reflect my colour theme.

I have done this for all other grid components by overriding styles however this last one eludes me?

 

Kind Regards, Garry.

0
Nikolay
Telerik team
answered on 19 Jan 2021, 08:45 AM

Hi Garry,

Here is the CSS that can be used:

<style type="text/css">
  .k-list .k-item:hover,
  .k-list .k-list .k-item.k-state-hover {
    background-color: #92E1F9
  }
  
  .k-list .k-item:hover .k-state-selected,
  .k-list .k-item.k-state-hover.k-state-selected {
    background-color: #92E1F9
  }
</style>

Please refer to the below Dojo demo where this has been demonstrated:

Let me know if you have any questions.

Regards,
Nikolay
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/.

Tags
Grid
Asked by
Chrys
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
Garry
Top achievements
Rank 2
Veteran
Nikolay
Telerik team
Share this question
or