OnHover selected style display not properly

[Naresh Goradara]

Hi,

We have one RadGrid which contains long text as a single record.
Everything displaying fine, but when mouse hover on it, then it displays not properly and display different color's line.
In short it does not display in specified skin.
Image is attached.
Please suggest for resolving the issue.

Thanks in Advance,
Naresh

[Dimo]

Hello Naresh,

The RadGrid skins use CSS sprites for their background images for performance reasons. Because of this, there is a limitation - the row background styles work well only if the rows are less than 1000 pixels high.

In your case you should override the RadGrid skin and use a non-sprite background image for the rows' hover state.

Use the attached image and the following CSS rule:

div.RadGrid_WebBlue .rgActiveRow,
div.RadGrid_WebBlue .rgHoveredRow
{
    background:#bfe3f6  0  0  repeat-x  url('grid-webblue-hover.gif');
}

Best wishes,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Naresh Goradara]

Thank you for your replay, it works fine for mouse hover, but we also expericing same problem for Selected row. It will be appriciated if you provide image for Selected Row style.

Thank You,
Naresh Goradara

[Dimo]

Here it is. The CSS rule should read

div.RadGrid_WebBlue .rgSelectedRow
{
    background:#7bbbcf  0  0  repeat-x  url('.....');
}

All the best,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Naresh Goradara]

Thank You, I works great now.

With Regards,
Naresh Goradara