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

Combo box's opened drop down list is sticking when scrolling the page

11 Answers 153 Views
Sharepoint Integration
This is a migrated thread and some comments may be shown as answers.
Amit
Top achievements
Rank 2
Amit asked on 19 Jul 2012, 09:15 AM
Hi, 

I'm trying to use the RadComobox Ajax control on the sharepoint webpart. but after opening the dropdown list if I scrolled the page from mouse wheel the list is sticking to a single position. 

I tried this solution but this is not working in my case. 

$(document).ready(function () {

    $(window).scroll(function () {

        var comboBox = $find("RadComboBox1");

        if (comboBox.DropDownVisible)

            comboBox.hideDropDown();

    });

});


Please help..

11 Answers, 1 is accepted

Sort by
0
Kalina
Telerik team
answered on 24 Jul 2012, 11:15 AM
Hi Amit,

Your approach seems correct.
Can you paste here the markup that you use?


All the best,
Kalina
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Amit
Top achievements
Rank 2
answered on 26 Jul 2012, 10:40 AM
Here is the code we're using. Its pretty simple. 

This markup is from a .ascx control used in SharePoint webpart. 

 <div id="group-chooser"  style="positionrelativefloatleftmargin0 autodisplayinline;">
        <telerik:RadComboBox ID="RadGroupChooser" runat="server" OnClientSelectedIndexChanged="UpdateOnOpenTicketChart">
            <Items>
                <telerik:RadComboBoxItem Text="Ticket Type" Value="TicketType" Selected="True"  />
                <telerik:RadComboBoxItem Text="Priority Level" Value="PriorityLevel" />
                <telerik:RadComboBoxItem Text="Call Type" Value="CallType" />
                <telerik:RadComboBoxItem Text="Problem Code" Value="ProblemCode" />
            </Items>
        </telerik:RadComboBox>
 </div>

We tried almost all fixes available in forums but no success.
0
Amit
Top achievements
Rank 2
answered on 31 Jul 2012, 02:23 PM
Solved it by myself. Yes, you were correct this is the right solution. I was doing it on window scroll and actually the window was not scrolling. In sharepoint we have a div which was scrolling handing the scroll event worked successfully. 

Thanks. 
0
Anbu
Top achievements
Rank 1
answered on 17 Feb 2014, 04:43 AM
i have a same issue but I am used all above code ..its not working for me.i am using Rad Combo Box ,while scrolling those items move to entire page. 
0
Nencho
Telerik team
answered on 20 Feb 2014, 07:28 AM
Hello Anbu,

I had prepared a sample project for you, demonstrating the implementation of the suggested workaround. Please give it a try at your end. If the issue still persist, modify the sample and provide us with it, so we could observe your implementation.

Regards,
Nencho
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
0
Anbu
Top achievements
Rank 1
answered on 20 Feb 2014, 08:28 AM
Yes Nencho,i tried your code.its working fine.
0
Priya
Top achievements
Rank 1
answered on 11 Jul 2014, 05:15 AM
Hi,

I am facing the same issue, unable to download the zip file.
combobox issue is happening only in specific regions.. pls provide a solution.
0
Anbu
Top achievements
Rank 1
answered on 11 Jul 2014, 07:33 AM
$(document).ready(function () {
$('#ContentBox').scroll(function () {
var combos = Telerik.Web.UI.RadComboBox.ComboBoxes;
if (combos != null) {
for (var i = 0; i < combos.length; i++) {
var combo = combos[i];
if (combo.get_dropDownVisible())
combo.hideDropDown();
}
}
});
});

<div id="ContentBox">
<body> or content page
</div>


0
Priya
Top achievements
Rank 1
answered on 14 Jul 2014, 12:22 PM
hi i am using jsp file.. where to invoke this function?
Scroll inside $document.ready is not being invoked
0
Priya
Top achievements
Rank 1
answered on 14 Jul 2014, 12:41 PM
Also i am having a parent div with overflow:auto. Within this div. there is an another div which contains a label and customcombo (select id and options value used combo)..
0
Hristo Valyavicharski
Telerik team
answered on 16 Jul 2014, 12:58 PM
Hi,

Use function load() {}, instead $(document).ready()

they are different. http://encosia.com/document-ready-and-pageload-are-not-the-same/

Regards,
Hristo Valyavicharski
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Sharepoint Integration
Asked by
Amit
Top achievements
Rank 2
Answers by
Kalina
Telerik team
Amit
Top achievements
Rank 2
Anbu
Top achievements
Rank 1
Nencho
Telerik team
Priya
Top achievements
Rank 1
Hristo Valyavicharski
Telerik team
Share this question
or