CSS issue with new Telerik Rad Controls

[Graham Blankenbaker]

Hi,

We upgraded to the new telerik version - 2009.2.701.35 and are seeing issues with CSS in the controls. So far, we are using RadMenu and RadGrid. The problem we identified with RadGrid is that the custom skin does not get applied. We compared the generated source for the RadGrid and found grid html css is rendered differently.

For eg. in the older version, if the skin specified was "llGrid", the generated html source for the RadGrid looks something like this -
Before
--------
<div id="gridSearchResults" class="RadGrid RadGrid_llGrid" tabindex="0">

<div id="gridSearchResults_GridHeader" class="GridHeaderDiv_llGrid" style="overflow: hidden; margin-right: 16px; width: 100%;">

<table id="gridSearchResults_ctl00_Header" class="MasterTable_llGrid" cellspacing="0" border="0" style="overflow: hidden; width: 100%; border-collapse: collapse; table-layout: fixed; empty-cells: show;">

<thead>

<tr>

<thead><th class="GridHeader_llGrid expandCol" scope="col"> </th>.......

After
------
<div id="gridSearchResults" class="RadGrid RadGrid_llgrid" tabindex="0">

<div id="gridSearchResults_GridHeader" class="rgHeaderDiv" style="overflow: hidden; margin-right: 16px; width: 100%;">

<table id="gridSearchResults_ctl00_Header" class="rgMasterTable rgClipCells" cellspacing="0" border="0" style="overflow: hidden; width: 100%; table-layout: fixed; empty-cells: show;">

<tr>

<th class="rgHeader rgExpandCol" scope="col"> </th>

We have written all the CSS based on the generated classes from the previous version and it does not get used now.

Also, We went through the release notes and did not find anything about this. At this point, we cannot upgrade. Please advise.

Thanks.

[Dimo]

Hello Charles,

The changes in the CSS classes for some of our controls have been made in the previous release, Q1 2009. For more information, please refer to:

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

The old embedded skins have been converted and can be downloaded from:

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

You can convert your custom RadGrid skin manually by comparing the old and new CSS classes on this page....

http://www.telerik.com/help/aspnet-ajax/grdcreatingnewskins.html

... or by using our converter:

http://blogs.telerik.com/tervelpeykov/posts/09-03-20/using_pre-q1_2009_skins_with_q1_2009.aspx

(Depending on your custom CSS selectors, you may need to inspect and make minor corrections to your CSS code after converting.)

Best wishes,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.