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

Unnecessary scrollbar

1 Answer 73 Views
ListBox
This is a migrated thread and some comments may be shown as answers.
Mink
Top achievements
Rank 1
Mink asked on 29 Oct 2009, 11:02 AM
Hi,

In IE8 I get an unnecessary scrollbar in a RadListBox.

This does not happen when I use the compatible mode.
The RadListBox is in a RadPane of a RadSplitter. It is the only control in the RadPane and the height and width of the RadListBox are both set to 100%. (The RadPane is in my case typically around 300px high and 200px wide.)
When I inspect the rendered html with the developer tool and I change the the display style of the outermost div of the RadListBox control from 'inline-block' to 'block', the unnecessary scrollbar disappears, but I'm sure I shouldn't solve this problem by directly changing the rendered style. (Therefor I haven't tested if changing the style like this doesn't mess up things for the compatibility mode, so it might very well not be a good solution at all.)
I have looked for a property of which I would think it influences the style such that the problem is solved, but couldn't find one.

How do I get rid of the unnecessary scrollbar?

Regards,

Mink


1 Answer, 1 is accepted

Sort by
0
Genady Sergeev
Telerik team
answered on 03 Nov 2009, 03:25 PM
Hello Mink,

Indeed there is redundant scroll bar under IE8. The easiest way to fix this is to add an ID to your RadPane and then use the following CSS:

#YouPaneID div
        {
            overflow:hidden !important;
        }


Kind regards,
Genady Sergeev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Tags
ListBox
Asked by
Mink
Top achievements
Rank 1
Answers by
Genady Sergeev
Telerik team
Share this question
or