How to hide Horizontal scroll bar in radcombo box

4 posts, 0 answers
  1. Nimesh Desai
    Nimesh Desai avatar
    1 posts
    Member since:
    Jan 2009

    Posted 12 Aug 2009 Link to this post

    How to hide the horizontal scroll bar in a rad combo box. All the items in the combo box are shorter than the dropdown width of the control, yet a horizontal scroll bar turns up and seems unnecessary.
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 13 Aug 2009 Link to this post

    Hi Nimesh Desai,

    Add the following CSS in order to hide the horizontal scrollbar of RadComboBox dropdown.

    CSS:
     
    <style type="text/css">  
    .RadComboBoxDropDown_Default .rcbScroll  
    {  
       overflow-x:hidden !important;  
    }  
    </style> 
    Note: Change the Default to SkinName that you are using, if any.

    Thanks,
    Princy.
  3. Stefan Pilakouris
    Stefan Pilakouris avatar
    1 posts
    Member since:
    Feb 2010

    Posted 17 Feb 2010 Link to this post

    I found a solution that works both in IE and Firefox (also works on Safari and Opera).

    Add the following CSS to hide the horizontal scrollbar of all RadComboBox dropdowns:
    .RadComboBoxDropDown .rcbList  
    {  
        widthauto !important;  
    }  
     
  4. TonyG
    TonyG avatar
    239 posts
    Member since:
    Feb 2006

    Posted 30 Apr 2012 Link to this post

    For anyone who stumbles onto this old thread like I just did, my horizontal scrollbars were not removed with Stefan's CSS, but they were with Princy's CSS (we see this solution once in a while in this forum but I forgot the details). As Princy said, change the skin, so in my case: .RadComboBoxDropDown_Web20

    Maybe there was some other factor affecting Stefan's rendering.
Back to Top