[Solved] RadInput multiline font problem

[Loy Chan]

I have two RadTextboxes on a web page and they are both using the Web20 skin via a theme.

The first textbox is a regular single line text box and it shows up with the appropriate font (i.e. Arial).

The 2nd textbox is a muliline textbox  (i.e. TextMode="MultiLine" Rows="4") and it shows up with an incorrect font (i.e. Times new roman i think).

Any ideas?

Thanks

[Dimo]

Hello Loy,

Yes, we are aware that this issue exists in some skins and we will fix this for the next release. The reason is that form elements such as inputs and textareas do not inherit font styles from their parent elements. Instead, the browsers set their own styles.

For a quick solution, please add the following CSS rule somewhere in your web application, e.g. the theme you are using:


.radEmptyMessageCss_Web20,
.radEnabledCss_Web20,
.radHoverCss_Web20,
.radFocusedCss_Web20,
.radReadOnlyCss_Web20,
.radDisabledCss_Web20,
.radNegativeCss_Web20,
.radInvalidCss_Web20
{
    font:12px arial,verdana,sans-serif;
}

This will do the trick.

Sincerely yours,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center