How to set the height of the textbox of the RadComboBox

4 posts, 0 answers
  1. Hemangajit
    Hemangajit avatar
    11 posts
    Member since:
    Nov 2007

    Posted 17 Jun 2008 Link to this post

    Hi,
         I am evaluating the RadComboBox component. I want to know how to set the height of the textbox of the Rad ComboBox. I tried to set the "Height" property, but it sets the height of the list of combobox only. Please let me know how it can be done.

    Thanks
    ------------------
    Hemangajit Dutta 
  2. Rosi
    Admin
    Rosi avatar
    2529 posts

    Posted 18 Jun 2008 Link to this post

    Hi Hemangajit,

    You can set the Height by changing some css classes. Here is a sample CSS code which illustrates how to set the Height of the input to 12px. Just place this style in your aspx page:

    <style type="text/css">  
    div.RadComboBox_Default table .rcbInputCell, 
    div.RadComboBox_Default table .rcbArrowCell  
    {  
        background-colorred;  
        height12px;   
        line-height11px
        padding: 0; 
    }  
     
    div.RadComboBox_Default table .rcbInputCell input 
        height12px
        line-height11px
        font:9px arial,verdana,sans-serif
        height12px
        padding: 0; 
     
    .rcbInput 
        height12px !important; 
    </style>  

    Regards

    Greetings,
    Rosi
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. Milan
    Milan avatar
    4 posts
    Member since:
    Jun 2008

    Posted 16 Jan 2009 Link to this post

    I have css in separate file, and I use Vista skin. Only part that overrides Vista skin in your example is:

    div.RadComboBox_Default table .rcbInputCell input 
        height12px
        line-height11px
        font:9px arial,verdana,sans-serif
        height12px
        padding: 0; 

    It also works with:
    div.RadComboBox_so_Default .rcbInputCell INPUT.rcbInput
    {
    //some code
    }

    Problem is that I can't override standard skin for other divs (ie. .rcbArrowCell). I tried with "important!", but it did not work.

    Thanks


  4. Veselin Vasilev
    Admin
    Veselin Vasilev avatar
    2992 posts

    Posted 16 Jan 2009 Link to this post

    Hi Milan,

    I am afraid I could not understand what the exact problem is.

    Can you please elaborate a bit more?

    I hope that this blog post would help:
    How To Override Styles in a RadControl for ASP.NET AJAX' Embedded Skin

    Kind regards,
    Veselin Vasilev
    the Telerik team

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