This is a migrated thread and some comments may be shown as answers.

[Solved] Horizontal scroll problem

1 Answer 291 Views

ComboBox

This is a migrated thread and some comments may be shown as answers.

Alexander Dragunov asked on 29 Apr 2008, 01:47 PM

Hi!

I'm using version 2008:1:415:35 of Telerik controls.

I've created combobox and specified both Width and DropDownWidth.

addRadComboBox.DropDownWidth = 200;
addRadComboBox.Width = 50;

In CSS I want to hide horizontal scrolling of the list of dropdown items, so I changed the style
.RadComboBoxDropDown_Default .rcbScroll
{
overflow-y:auto;
overflow-x:hidden;
}

But the horizontal scroll is still shown (even if I set DropDownWidth to the value which is much wider that the widest element in list).

The most interesting thing is that if I'm not specifing DropDownWidth property, everything works fine and there is no horizontal scroll.

What should I do to get rid of this horizontal scroll?

Thanks,
Alexander

1 Answer, 1 is accepted

Accepted

answered on 30 Apr 2008, 04:37 PM

Hello Alexander Dragunov,

Since the RadComboBox renders the "overflow" CSS property in the inline styles of the .rcbScroll element, the only possible way to override it is by adding an "!important" declaration, namely:

    
            .RadComboBoxDropDown_Default .rcbScroll 
        
            { 
        
                overflow-y:auto; 
        
                overflow-x:hidden !important;         
        
            }

All the best,
Alex
the Telerik team

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