default font size

7 posts, 0 answers
  1. mww
    mww avatar
    257 posts
    Member since:
    Sep 2012

    Posted 26 Nov 2008 Link to this post

    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 ?
  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 26 Nov 2008 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. mww
    mww avatar
    257 posts
    Member since:
    Sep 2012

    Posted 28 Nov 2008 Link to this post

    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 ?
  5. mww
    mww avatar
    257 posts
    Member since:
    Sep 2012

    Posted 28 Nov 2008 Link to this post

    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 ?
  6. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 28 Nov 2008 Link to this post

    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.
  7. Steve Napurano
    Steve Napurano avatar
    40 posts
    Member since:
    Aug 2009

    Posted 29 Aug 2011 Link to this post

    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;

     

    }

  8. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 30 Aug 2011 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017