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

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

2 Answers 377 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Bridge24
Top achievements
Rank 1
Iron
Bridge24 asked on 11 May 2015, 07:28 PM

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 Answers, 1 is accepted

Sort by
0
Accepted
Georgi Krustev
Telerik team
answered on 13 May 2015, 10:57 AM
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!
 
0
David
Top achievements
Rank 1
answered on 15 Nov 2018, 01:31 AM

Whilst the above works it doesn't look great. I prefer the progress to be over the drop down arrow:

 

http://dojo.telerik.com/@djwilton@gmail.com/IFOvUVEh

 

 

Tags
DropDownList
Asked by
Bridge24
Top achievements
Rank 1
Iron
Answers by
Georgi Krustev
Telerik team
David
Top achievements
Rank 1
Share this question
or