Headerstyle-Css is not working

[Mona]

Hello All,

I have a RadGrid and I have assigned HeaderStyle-CssClass="Font12px" and AllowSorting="true" but the font size is not set to 12px.
Suggest me how can I maintain the font size to the headers.

[Princy]

Hello Mona,

Try HeaderStyle-Font-Size property of Radgrid to set the font size for headers.

ASPX:

<telerik:RadGrid ID="RadGrid1" runat="server" HeaderStyle-Font-Size="20px">

Thanks,
Princy.

[Mona]

This is not working when used with AllowSorting="true", I read many comments that the headerstyle property get overwitten if used with AllowSorting=true

[Dimo]

Hello Mona,

Actually the default RadGrid font size is 12px, so no need to set it again. However, if you are setting color or text-decoration styles, they will not be applied to sortable columns, because <a> elements do not inherit such styles and you have <a> elements inside the RadGrid header cells when a given column is sortable.

So you should use something like this:

div.RadGrid  .MyCustomHeaderClass  a
{
         color: #f00 ;
         text-decoration: underline ;
}


Best wishes,
Dimo
the Telerik team

[Mona]

Thanks, now its working fine.