[Solved] Overriding font size of the skin

[Frédéric]

Hi,

Is there a simple way to overrides the font size of a skin for all controls in the web application?

We are trying to upgrade from Q3 2008 to Q3 2009 and since the font of the Office 2007 skin are now a little bigger, we have a lot of layout overflow problems in our app.

We would like to set the font size in Q3 2009 to the same size we had (8pt) in Q3 2008.

Thanks.

Frederic

[Princy]

Hello Frederic,

Check out the following forum link i found whihc discusses on a similar scenario:
Changing Font Size

Hope this helps..
Princy

[Radoslav]

Hi Frédéric,

There is no a universal way to set a global font size for all RadControls. However, you could try the below 3 options:

1) set a global font size in your application and use !important in the CSS rule. For example:

*{font-size:11px !important}

This is the easiest thing to do, but negative side effects are likely, because you will override all font sizes in the website.

2) override the skin of each control in order to modify the font size of only that control:

http://blogs.telerik.com/dimodimov/posts/08-06-17/how_to_override_styles_in_a_radcontrol_for_asp_net_ajax_embedded_skin.aspx

3) create custom skins with the desired font size:

http://stylebuilder.telerik.com

I hope this helps.

Sincerely yours,
Radoslav
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.

[Frédéric]

Thanks to both of you,

Overriding the skin of each control should do the trick for us.

Frédéric