Font Change for All Controls

[M S]

The default font for all controls I believe is Arial.. I do I change the default font for all Telerik controls in one shot... ?? I do not wish to visit each control and set its font.. Pls answer.. thx in advance

[Shinu]

Hello,

Since the embedded skins are applied per control, you need to change the css class for each AJAX control in your application to change the font.

For example, use the following css for grid control to change the font-family.
CSS:

<style type="text/css">
        .RadGrid, .RadGrid
        .rgMasterTable,
        .RadGrid .rgDetailTable,
        .RadGrid .rgGroupPanel table,
        .RadGrid .rgCommandRow table,
        .RadGrid .rgEditForm table,
        .RadGrid .rgPager table,
        .GridToolTip
        {
            font-family: Verdana !important;
        }
    </style>

Here I found the forum link which discussed similar scenario:
Overriding Fonts for All Controls

-Shinu.

[M S]

Thanks Shinu..
Your reply itself is the simplest answer to the requirement.. There was no need of the external link..
Once again .. Thank you very much

[M]

[M]

hi All
a way to set the font of all control of a page (HTML or ASP or Telerik) is use this code in the header of the page.

<style type="text/css">
*
{
        font-family: Tahoma;
}
</style>

but if we use a RadEditor on that page it damages the RadEditor. I mean after of using this code we can not set the font of the writen text in RadEditor.
worst of all if we use this code it effects all the text of the element of RadEditor

<style type="text/css">
*
{
        font-family: Tahoma;
         font-size: 20px;
}
</style>

I use this code to change the font of all control of my page because if I Bind RadMenu or RadPanelBatr or RadDropDownList to a sql dataBase I can not set the child item of these control.
every body has any suggestion or advise to change font of all control of the page without damage RadEditor font ??????????????????
thank you
M. Motealleh

[Rumen]

Hello M S,

You can fix the problem by setting the CssFiles property of RadEditor, e.g.

 <telerik:RadEditor ID="RadEditor1" runat="server">
    <CssFiles>
       <telerik:EditorCssFile Value="~/StyleSheet.css" />
    </CssFiles>
 </telerik:RadEditor>

Once this property is set, the editor will not pick up the styles from the page where it resides and they will be not applied to its content area. See this article for more information: Content Area Appearance Problems.

Best regards,
Rumen
the Telerik team