This is a migrated thread and some comments may be shown as answers.

Font Change for All Controls

5 Answers 201 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
M S
Top achievements
Rank 1
M S asked on 21 Jun 2010, 05:27 PM
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

5 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 1
answered on 22 Jun 2010, 05:32 AM
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-familyVerdana !important; 
        } 
    </style> 

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

-Shinu.
0
M S
Top achievements
Rank 1
answered on 22 Jun 2010, 03:03 PM
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
0
M
Top achievements
Rank 1
answered on 10 Jan 2011, 12:36 PM

0
M
Top achievements
Rank 1
answered on 10 Jan 2011, 12:38 PM
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

0
Rumen
Telerik team
answered on 12 Jan 2011, 04:05 PM
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
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Tags
General Discussions
Asked by
M S
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 1
M S
Top achievements
Rank 1
M
Top achievements
Rank 1
Rumen
Telerik team
Share this question
or