default font size

[mww]

I want the default font size for text boxes and masked text boxes to be 12px in size.  I had a previous problem with combos and was issed with a css fix which worked ok for combos but doesnt seem to work for text boxes, here what ive tried

.RadTextBox_Vista .rcbInputCell .rcbInput {
    font-size: 12px !important;
    padding: 2px 0 2px 1px !important;
}

.RadTextBox_Vista .rcbArrowCell a{
    height: 20px !important;
}

 
can anyone tell me why this wont work ?

[Dimo]

Hello Mark,

If you are using RadControls Q3 2008 or later, you should use the following CSS code:

.RadInput_Vista  .riTextBox
{
    font-size: 12px !important;
}


If you are using RadControls Q2 2008 SP2 or earlier, you should use:

.radEmptyMessageCss_Vista ,
.radEnabledCss_Vista ,
.radHoverCss_Vista ,
.radFocusedCss_Vista ,
.radReadOnlyCss_Vista ,
.radDisabledCss_Vista ,
.radNegativeCss_Vista
{
    font-size: 12px !important;
}


You can replace "Vista" with the name of the skin, that you are using for RadTextBox and RadMaskedTextBox. You can also remove the CSS classes from the second CSS rule, which will not be used (for example radNegativeCss_Skin is used only for RadNumericTextBox). If you choose to remove CSS classes, please be careful with the commas.


The CSS rules, which you have pasted, do no work for RadInput textboxes, because the RadTextBox_Skin CSS class does not exist at all, while the other two are not used in RadInput controls, only for RadComboBox.


Regards,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[mww]

Ive tried adding this to my .css file

.RadInput_Vista  .riTextBox
{
    font-size: 12px !important;
    height:22px;
}

When I run the app, the text box height hasnt been set to 22px (its at the default which is too small)
and the font size isnt 12px.

I have applied the vista skin.  Is there anything else that needs to be set ?

[mww]

I am currently using Q3 2008 so I tried your suggestion for that, it didnt work.  I then tried the suggestion for Q2 2008 and it worked, did you get them the wrong way around ?

[Dimo]

Hello Mark,

Yes, I am sure that my suggestions are correct. Are you sure that you have upgraded correctly and are now using the latest (Q3 2008 or Q3 2008 SP1) Telerik.Web.UI assembly? Please double check and let us know if you need further assistance.

Regards,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Steve Napurano]

HI I am using version 2011.1.413.35.

This CSS (mentioned below in previous post by you) is not working for me.

Can you please assist. Thanks?

 

.RadInput_Black .riTextBox

 

{

 

font-size: 12px !important;

 

 

font-family: Verdana;

 

}

[Shinu]

Hello Steve,

Try the following CSS which worked as expected on my end.
CSS:

<style type="text/css">
 html body .RadInput_Black .riTextBox
 {
  font-size: 12px !important;
  font-family: Verdana !important ;
 }
</style>

Thanks,
Shinu.