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

How to change fornts name and style after applying SKIN

3 Answers 106 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Nirav
Top achievements
Rank 1
Nirav asked on 11 Jan 2011, 05:10 PM
Hi, I am using "RadControls for ASP.NET AJAX Q3 2009" version and on my form, I am using different Telerik controls like RadToolBar, RadGrid, RadMenu etc.

Now, I want to have the same font names to be applied through out my entire form. I am applying this CSS to my form.

body
{
      margin-left: 0;
      margin-top: 0;
      margin-right: 0;
      height: 100%;
      font-family:Times New Roman;
}

But the problem is that I am using different SKINs to different Telerik control and it is not applying this font.
So what happens is that on my textbox or lables and Tables, I have "Times New Roman" but the Telerik controls have their own fonts as per applied SKIN.
So How do I apply "Times New Roman" fonts to all of the telerik controls on my page, RadToolBar, RadMenu, RadGrid etc. , basically want to apply SKIN but want to override fonts.

Any suggestions ?

Thanks in advance,

3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 12 Jan 2011, 09:04 AM
Hello Nirav,

Give a try with the following CSS.

CSS:
body ,form *
        {
            font-family: Wingdings 3 !important;
            font-size: 20px !important;
        }

And I have found this forum also discussed about similar scenario.

Thanks,
Shinu.
0
Nirav
Top achievements
Rank 1
answered on 12 Jan 2011, 10:22 PM
Yes, That worked perfect except just one case.

I tried your css and it worked with every control except <asp:Button
It changed fonts everywhere including all the radcontrols, only the fonts of <asp:button Text="" were not changed.

I fould reason for that.

I have FormDecorator on my page like this.
<telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="all"
        Skin="WebBlue"></telerik:RadFormDecorator>

Now if I remove this formDecorator, its chaning Button Text also but if I keep this, its not applying above fonts to Buttons.
But atleast it changed everything except button so webform looks good.

Still if you have any idea for this, plesae do let me know.

Nirav
0
Nirav
Top achievements
Rank 1
answered on 14 Jan 2011, 09:44 PM
Also found one more issue.
Once I add form*, I dont know why but none of the RadCombo got filled up with Items. That's weird but If I dont add form* in css, everything works fine but if I add it, dropdown's are not getting filled up eventhough it properly executes the same code.

Tags
General Discussions
Asked by
Nirav
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Nirav
Top achievements
Rank 1
Share this question
or