How to "lock" dropdown while loading using kendo.ui.progress()

2 posts, 1 answers
  1. Dani
    Dani avatar
    55 posts
    Member since:
    Jan 2009

    Posted 11 May 2015 Link to this post

    Hi!

    We need to "lock" our combobox when we reload its data.  We found the kendo.ui.progress() function and it seems to be exactly what we need.

    But, it doesn't work as expected.

    If I use it to "lock" the whole body, all my controls are blocked, I can't click on them.

    If I try to "block" only my combobox, I see the loading zone displayed only on it, but I can click on it and change the combobox value.

    I tried to put a div outside my combo, to lock that div instead, but no results.

    You can see the 3 cases in the following code sample:

    http://jsfiddle.net/mhtg8pge/4/

    How can I show that the dropdown is loading, and keep it locked at the same time, using kendo.ui.progress()?

    Thank you

  2. Answer
    Georgi Krustev
    Admin
    Georgi Krustev avatar
    3707 posts

    Posted 13 May 2015 Link to this post

    Hi Dani,

    I believe that you will need to use the 3rd approach. What you need to add, however, is "relative" position to the parent DIV element. Here is an updated Dojo demo that shows this.

    Regards,
    Georgi Krustev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
Back to Top