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

12 posts, 0 answers
  1. Amit
    Amit avatar
    8 posts
    Member since:
    Jul 2012

    Posted 19 Jul 2012 Link to this post

    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..
  2. Kalina
    Admin
    Kalina avatar
    918 posts

    Posted 24 Jul 2012 Link to this post

    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.

  3. Amit
    Amit avatar
    8 posts
    Member since:
    Jul 2012

    Posted 26 Jul 2012 Link to this post

    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.
  4. Amit
    Amit avatar
    8 posts
    Member since:
    Jul 2012

    Posted 31 Jul 2012 Link to this post

    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. 
  5. Anbu
    Anbu avatar
    10 posts
    Member since:
    Nov 2013

    Posted 16 Feb 2014 Link to this post

    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. 
  6. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 20 Feb 2014 Link to this post

    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.
  7. Anbu
    Anbu avatar
    10 posts
    Member since:
    Nov 2013

    Posted 20 Feb 2014 in reply to Nencho Link to this post

    Yes Nencho,i tried your code.its working fine.
  8. Priya
    Priya avatar
    3 posts
    Member since:
    Jul 2014

    Posted 11 Jul 2014 Link to this post

    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.
  9. Anbu
    Anbu avatar
    10 posts
    Member since:
    Nov 2013

    Posted 11 Jul 2014 in reply to Priya Link to this post

    $(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>


  10. Priya
    Priya avatar
    3 posts
    Member since:
    Jul 2014

    Posted 14 Jul 2014 in reply to Anbu Link to this post

    hi i am using jsp file.. where to invoke this function?
    Scroll inside $document.ready is not being invoked
  11. Priya
    Priya avatar
    3 posts
    Member since:
    Jul 2014

    Posted 14 Jul 2014 in reply to Priya Link to this post

    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)..
  12. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 16 Jul 2014 Link to this post

    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.

     
Back to Top