Vertical Scrollbar scrollTop IE issue

[Andrew Moentmann]

My  request/issue is simple. I have a radTreeView nested into the radComboBox. With this, I am using a custom skin with an over-written "overflow-x: hidden !important" on CSSClass ".RadComboBoxDropDown_MinExpo .rcbScroll". My request/issue is, in the browser IE 7; the scrollbar is not responding to setting the postion to the top. I have tried implementing javascript on "onClientDropDownOpened" but scrollTop, doScroll(), scroll() and scrollTo are not effective; even with a "setTimeout" event . A normal ComboBoxDropDown without the extra width set is setting the scroll position correctly. Any thoughts on how to get the scrollbar position in IE to the top?

Here is my settings reference if you need it.

<

telerik:RadComboBox ID="ddlProductCategory" runat="server" Height="140px" Width="215px" DropDownWidth="450px"

ShowToggleImage="True" Skin="MinExpo" EnableEmbeddedSkins="false" Style="vertical-align: middle;">

<ItemTemplate>

<div id="div1">

<telerik:RadTreeView runat="server" ID="radCheck" OnLoad="PopPCNodes_Load" OnClientNodeClicking="nodeClicking"

Skin="WebBlue">

</telerik:RadTreeView>

</div>

</ItemTemplate>

<Items>

<telerik:RadComboBoxItem Text="All Product Categories" Value="0" />

</Items>

</telerik:RadComboBox>

[Veselin Vasilev]

Hello Andrew,

Please set the Height of the treeview to 140px (equal to the height of the dropdown).

Greetings,
Veskoni
the Telerik team

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

[Steve]

I have the same problem with a RadComboBox that has a simple CheckBoxList as the ItemTemplate.  When the dropdown appears, it is scrolled to the bottom of the list by default.  Following your advice to the other poster with the TreeView, I tried setting the Height of the CheckBoxList to the same as the RadComboBox...didn't work.  Took the "Height" off the RadComboBox (to allow it to just grow with the number of items), it still scrolled to the bottom by default.  It's a small issue, but it's an issue.  Any help?

[Veselin Vasilev]

Hi Steve,

I tried to reproduce the problem using the following code but to no avail:

<telerik:RadComboBox ID="RadComboBox1" runat="server" Skin="Inox" DropDownWidth="250">
<ItemTemplate>
    <div onclick="StopPropagation(event)">
    <asp:CheckBoxList ID="NursingStatusCBL"
        runat="server"
        BorderStyle="None"
        DataSourceID="AccessDataSource1"
        DataTextField="Name"
        DataValueField="Name" >
      </asp:CheckBoxList>
    </div>
</ItemTemplate>
<Items>
    <telerik:RadComboBoxItem Text="" />
</Items>
</telerik:RadComboBox>

When I open the combo dropdown - there is a scroll, but it is at the top and all the top items are visible.

Am I missing something?

Regards,
Veselin Vasilev
the Telerik team

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

[Steve]

Adding a "stopPropagation" seemed to fix it, although I don't know why since the two are unrelated.  Nevertheless, thanks.