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

[Solved] Horizontal scrollbar bug

1 Answer 186 Views

ComboBox

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

Antoine asked on 01 May 2008, 05:01 AM

Hello,

I think there is a bug in the radComboBox because it is always showing horizontal scrollbars.

Even thow the DropDownWidth is wider than the items content, the horizontal scrollbar is still showing and it should not.

Please advise.

Here is a quick example:

    
            <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <div> 
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server"> 
        
                    </asp:ScriptManager> 
        
            <telerik:RadComboBox ID="RadComboBox1" runat="server" DropDownWidth="300px" Height="150"> 
        
            <Items><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /><telerik:RadComboBoxItem Text="asdasdas das d asd as d as d as d asdasd as d" Value="" /></Items> 
        
            </telerik:RadComboBox>     
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

1 Answer, 1 is accepted

Accepted

answered on 01 May 2008, 11:22 AM

Hello Oliver,

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;         
        
            }

Hope this helps.

Regards,
Nick
the Telerik team

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