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.
Please help..
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
0
Hi Amit,
Your approach seems correct.
Can you paste here the markup that you use?
All the best,
Kalina
the Telerik team
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.
We tried almost all fixes available in forums but no success.
This markup is from a .ascx control used in SharePoint webpart.
<div id="group-chooser" style="position: relative; float: left; margin: 0 auto; display: inline;"> <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.
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
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
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.
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>
$('#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
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
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
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.