Naresh Goradara
Top achievements
Rank 2
Naresh Goradara
asked on 16 Apr 2010, 02:01 PM
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
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
4 Answers, 1 is accepted
0
Accepted
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:
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.
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.
0
Naresh Goradara
Top achievements
Rank 2
answered on 19 Apr 2010, 02:15 PM
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
Thank You,
Naresh Goradara
0
Here it is. The CSS rule should read
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.
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.
0
Naresh Goradara
Top achievements
Rank 2
answered on 19 Apr 2010, 02:44 PM
Thank You, I works great now.
With Regards,
Naresh Goradara
With Regards,
Naresh Goradara