Grid in High contrast mode

[Madzie]

It is found that some parts of the controls in grid are not visible in High contrast mode - please find attached the difference :
especially the filter and paging links (next / previous)

[Alex Gyoshev]

Hello Madzie,

Thank you for bringing our attention to this. We will strive to update the themes for future releases -- as a workaround until then, consider adding the high-contrast styles via the styles on your page.

Regards,
Alex Gyoshev
Telerik

 

 

[Madzie]

I tried few of them but nothing seems to work. Can you suggest what is the appropriate one to try for the page next image links ?

[Madzie]

I tried few of the options, but nothing seems to work right.
could you suggest the appropriate one for all paging related controls (specifically the next/prev links here)

[Alex Gyoshev]

Hello Madhuri,

You need to set the background-image on the elements that you want to have icons, within a @media query:

@media screen and (-ms-high-contrast: active) {
    .k-grid .k-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite {
        background-image: url("http://cdn.kendostatic.com/2014.3.1119/styles/HighContrast/sprite.png");
    }
}

Regards,
Alex Gyoshev
Telerik

 

 

[Madzie]

Thanks for the reply. This worked with a little changes to the earlier version of telerik grid :

@media screen and (-ms-high-contrast: active) {
.t-grid .t-pager, .t-pager .t-numeric, .t-pager .t-page-i-of-n, .t-pager .t-link, .t-pager span, .t-pager input, .t-pager .t-page-size, .t-grouping-row p{
background-image: url("http://cdn.kendostatic.com/2014.3.1119/styles/HighContrast/sprite.png");
}
}