Changing font name and size in RadGrid

[bala]

Can some one help me with changing font name to Arial and size  to 8pt across a Radgrid control but using Web20 skin?

Thanks in advance.

[Shinu]

Hi Bala,

Try setting the Font- name and Font-Size for the Grid as shown below.

ASPX:

  <telerik:RadGrid ID="RadGrid1"  Skin="Web20" DataSourceID="SqlDataSource1" runat="server" >
     <MasterTableView   Font-Names="Arial"   Font-Size="8" >

Shinu

[bala]

Figured it out already. Yes by setting font and size at mastertableview. Thanks for your reply.

[Cyrus]

Sorry to rant a little, but why then is there a property for fonts at the Grid level if it doesn't do anything?  Waste some time on this issue and perplexed about the property being available at the RadGrid level.

[Dimo]

Hi Cyrus,

In quirks mode browsers do not apply inherited font styles to <table> elements. That's why we set these styles at table level, not RadGrid level.

The RadGrid font properties exist because RadGrid is a web control. They will work in standards mode if you are using a custom skin.

Sincerely yours,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Paul]

This did NOT work for me.

I tried setting the font size at both the RadGrid level and the MasterTableViewLevel.
When I change at the MasterTableViewLevel, the font size changes in Visual Studio design view, but the page still renders in its micro font.

[Shinu]

Hi,

Unfortunately I couldn't replicate the issue. Its working fine at my end. Please the following CSS.

CSS:

<style type="text/css">
    .rgMasterTable
    {
        font-size: large !important;
        font-family: Arial !important;
    }
</style>

Thanks,
Shinu.