Style kendo paging dropdown as a regular dropdown

[Chrys]

Is there a way to style a kendo grid paging dropdown like a normal dropdown?

[Atanas Korchev]

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

[Garry]

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.

[Nikolay]

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:

• https://dojo.telerik.com/iBogaDik

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik