Web20 Skin-white bg, white text

[Susan]

I upgraded to the latest version, and it appears as if the Web20 skin has changed. I cannot see the text in the grid as the background is white and the text is white. Here is my grid. Is there something I need to add to have the text black so it shows up?

Thanks,
Susan

 

 

<telerik:RadGrid ID="TeamGrid" runat="server" GridLines="None" Skin="Web20" width="700px">

 

 

 

 

 

<ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true">

 

 

 

 

 

<Selecting AllowRowSelect="true" />

 

 

 

 

 

</ClientSettings>

 

 

 

 

 

 

<MasterTableView DataKeyNames="TeamKey" AutoGenerateColumns="false" TableLayout="auto">

 

 

 

 

 

<Columns>

 

 

 

 

 

<telerik:GridBoundColumn DataField="TeamName" HeaderText="Team Name"/>

 

 

 

 

 

<telerik:GridBoundColumn DataField="NbrWon" HeaderText="Wins"/>

 

 

 

 

 

<telerik:GridBoundColumn DataField="NbrLost" HeaderText="Losses"/>

 

 

 

 

 

<telerik:GridBoundColumn DataField="PointsFor" HeaderText="Points For"/>

 

 

 

 

 

<telerik:GridBoundColumn DataField="PointsAgainst" HeaderText="Points Against"/>

 

 

 

 

 

<telerik:GridBoundColumn DataField="WLPercent" HeaderText="Pct"/>

 

 

 

 

 

</Columns>

 

 

 

 

 

</MasterTableView>

 

 

 

 

 

</telerik:RadGrid></td></tr>

 

[Schlurk]

I just checked my Web2.0 skin and the text is actually black. If you change between the skins does text actually show up? Otherwise, if you have custom CSS it might be forcing itself on the RadGrid skin and therefore making the text white.

[Susan]

If I change skins, it still shows up white. Thing is, I have that same skin in another project with an older version of the .dll and the text is black. It is only in this latest version (april 2009 date on the .dll) that the text is white.

[Dimo]

Hi Susan,

Schlurk is right - you must be having a white text color defined somewhere in the website CSS. The RadGrid text color when using the Web20 skin should be black.

In some of the quite old RadGrid versions, the text color was defined for its <td> elements, while now it is defined for the RadGrid wrapper.

You can try adding this CSS rule to your web pages:

.RadGrid_Web20  td,
.RadGrid_Web20  td  a
{
      color: #000;
}


If you need further assistance on this, we will need a live URL or a sample page.


All the best,
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.