Styling/Skinning the Grid

[Hugo Furth]

Hoping someone can help me understand styling/skinning a little bit.

I have a radgrid that I don't want visible when my page loads. (In JS, I make it visible later.)

I have a radgrid defined as in example 1. using css as shown. RadGrid doesn't seem to pick it up (except in design mode). But then if I define my grid as in example 2 (using style=.....), my grid is initially hidden as desired. Can someone help me understand how the grid decides on style?

Thanks,
Hugo

// example 1 - style specified via css file

      <telerik:RadGrid ID="BAGrid"  runat="server" DataSourceID="ProdData" GridLines="None" AllowSorting="True" OnPreRender="BAGrid_PreRender">


// example 1 css

#BAGrid {
    visibility:hidden;
    background-color:Purple; <--shows up in design mode but not at load time!
    }

// example 2  - style specified inline

 <telerik:RadGrid ID="BAGrid" style="visibility:hidden" runat="server" DataSourceID="ProdData" GridLines="None" AllowSorting="True" OnPreRender="BAGrid_PreRender">

[Martin]

Hello Hugo Furth,

I would suggest that you review the following blog post:

How To Override Styles in a RadControl for ASP.NET AJAX' Embedded Skin

I hope this helps

Regards,
Martin
the Telerik team