Changes in look of grid and other controls in newer version

[kachy]

Hi,

We are using 2008.3.1314.35 version for our app.
For all versions after that, the look and feel of grid has completely changed. Is there any easier fix to get the same look and feel as we are not able to use the new version for the same reason.

Thanks.

[Dimo]

Hello Kachy,

Indeed, for the Q1 2009 version we polished and improved our embedded skins. Please refer to the following page for more information:

http://blogs.telerik.com/tervelpeykov/posts/09-02-23/RadControls_for_ASP_NET_AJAX_receive_a_major_face-lift.aspx

You can use the old Q3 2008 skins with newer RadControls versions if you use them as custom skins:

http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/all-radcontrols-q3-2008-skins-are-now-compatible-with-the-q1-2009-release.aspx

Kind regards,
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.

[kachy]

Hi,

Finally I used this link and downloaded the new CSS and changed the skin for Radgrid.

http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/all-radcontrols-q3-2008-skins-are-now-compatible-with-the-q1-2009-release.aspx

Everything is almost working OK except for some issues in paging:
1. The distance between the number 1,2, 3 and .... pages are a little more than normal - this is somewhat acceptable.
2. The selected page number also shows as a link. In previous skin or the new also the selected page number is not a link, so you know you are on which page.

Can you please suggest what can I do to fix the error, if modifying any CSS tag will solve the issue or not.
I am attaching here 2 images  old and new header.
Thanks.

[kachy]

/*--new addition*/
.RadGrid_WebBlue .rgNumPart a:hover
{
    color:#000;
    text-decoration:underline;
}

.RadGrid_WebBlue .rgNumPart a:hover span
{
    cursor:pointer;
}

.RadGrid_WebBlue .rgNumPart a.rgCurrentPage,
.RadGrid_WebBlue .rgNumPart a.rgCurrentPage:hover
{
    cursor:default;
    text-decoration:none;
    font-weight:bold;
    color:#000;
}

.RadGrid_WebBlue .rgNumPart a.rgCurrentPage span,
.RadGrid_WebBlue .rgNumPart a.rgCurrentPage:hover span
{
    cursor:default;
}

I added this CSS tags from one old WebBlue CSS and its working fine.
The space is still there between page numbers but the selected page does not show as link, so you know which page number you are on.

Thanks.