Hover image for pager buttons

[MHenkel]

Hi!

 

I defined an image for a  pager button with RadGrid.PagerStyle.LastPageImageUrl = "url". The downside of the approach is that there is no hover effect any more. Is it possible to define an image that is used for hover with a similar property, or do I have to use Javascript/CSS?

 

Kind regards

[Kostadin]

Hello,

In order to set a hover image you need to manually specify a hover CSS rule. You can use the following CSS rule.

<style>
    .RadGrid .rgArrPart2 a:hover
    {
        background-color: red;
    }
</style>

Regards,
Kostadin
Telerik by Progress

[MHenkel]

Hi,

Thanks for the info on a work around.
Just to clarify: Are you saying that if I want to set hover-images I have to set half of the images via code behind and the other half via CSS?
Are there plans to include properties for the hover-images too? At the moment this seems a little unfinished to me.
I will now go and set the images by editing the sprite that is used in the navigation bar. This is at least a way to set all images at once.

Kind regards

[Kostadin]

Hi Ernst,

Generally it will be best to change the image and the hover image via CSS as well as all styling of the grid. You can find more information about creating a custom skin in the following help article.

Regards,
Kostadin
Telerik by Progress