Rank 1
Hi
my pager in the grid component does not show the active page:
analysing the HTML there is a class k-state-selected
but this class is nowhere defined in the current default theme
checking with the working demo from the kendo page the pager as rendered as buttons instead of li and there is a class k-selected which is also defined in the theme:
I'm working with all current versions:
1 Answer, 1 is accepted
Hi Florian,
Thank you for the provided details.
We recommend installing the latest versions of the Grid (v11.1.0) package and Kendo theme (v6.1.0) to benefit from the most recent bug fixes and features.
Note that Angular 12 and below are no longer supported by Angular as well we Kendo UI for Angular:
https://angular.io/guide/releases#support-policy-and-schedule
We introduced some changes in v5.4.1 of the themes by updating all state class names syntax, by removing the state from the class, for example, k-state-selected is replaced with k-selected. In case you have any custom styles with this CSS class, they need to be revised and refactored.
In these lines of words, we highly recommend updating the used versions. In case updating the Angular version to at least v13 is not an option so far, you can try downgrading the @progress/kendo-theme-default package or use custom CSS to style the selected page:
template: `
<kendo-grid ...>
...
</kendo-grid>
`,
encapsulation: ViewEncapsulation.None,
styles: [
`
.k-pager-numbers .k-state-selected,
.k-pager-numbers .k-state-selected:hover {
background-color: red;
}
`
]Regards,
Martin
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/.