Items appear behind window when dropdown placed within window

7 posts, 0 answers
  1. Gary
    Gary avatar
    62 posts
    Member since:
    Sep 2013

    Posted 15 Feb 2012 Link to this post

    I have added a DropDownList to a kendo Window. However, the dropped down items list appears behind the window.

    Can you help?

    Gary
  2. Georgi Krustev
    Admin
    Georgi Krustev avatar
    3747 posts

    Posted 15 Feb 2012 Link to this post

    Hello Gary,

     
    This is a known issue, which is already addressed. The fix is included in the service pack of Kendo UI.

    Regards,
    Georgi Krustev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Jignesh
    Jignesh avatar
    1 posts
    Member since:
    Dec 2011

    Posted 23 Feb 2012 Link to this post

    I am having the same problem. From where can I download the service pack?

    Thanks,
    jD
  4. Gary
    Gary avatar
    62 posts
    Member since:
    Sep 2013

    Posted 23 Feb 2012 Link to this post

    Just click on the "Get Kendo UI" button. This download is for the latest release.
  5. Marzieh
    Marzieh avatar
    3 posts
    Member since:
    Feb 2012

    Posted 26 Feb 2012 Link to this post

    I am having the same problem. From where can I download the service pack?
      I already dl the last one Kendo ui , but my problem dose not solve :(
    i use open sourers version :(
  6. علی اکبر
    علی اکبر avatar
    4 posts
    Member since:
    Apr 2008

    Posted 29 Feb 2012 Link to this post

    I Have This Problem Too.
    Please Help Me.
  7. Giuseppe
    Giuseppe avatar
    1 posts
    Member since:
    Feb 2012

    Posted 29 Feb 2012 Link to this post

    I have the same problem and waiting for the SP I used this workaround:

    $('select').kendoDropDownList({
        // your options...
        open: function(){
            $('.k-window').css({zIndex: '10000'});
        }
    });

    It just lowers the window's z-index value to make the options visible.

    I also add a close callback to the window to make sure that when it gets closed the select tag get closed too.

    $('#window').kendoWindow({
        // other options...
        draggable: false,
        close: function(){
            var select_tag = $('#select_tag_id').data('kendoDropDownList');
            select_tag.close();
        }
    });

    Hope this can help you.
    Bye
Back to Top