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

How to Show a busy animation for longer non-ajax calls?

1 Answer 100 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
fbaptiste
Top achievements
Rank 1
fbaptiste asked on 31 Jul 2014, 09:38 PM
I have a function that's running a 2-3 second long operation on the client (no ajax calls).
I'm trying to show a "Busy/Processing" animation while this operation is running as follows:

var ajaxContainer = $('.elementClass');
kendo.ui.progress(ajaxContainer, 
true);

// long operation here

kendo.ui.progress(ajaxContainer, false);

but this does not work as expected. the result that i get is that the operation runs without showing the progress. although it does show when the operation ends.

closest sample i could find online is for progress that's updated based on button clicks, but this is not really my case
http://jsfiddle.net/bundyo/64CRY/31/

How can i achieve this correctly using kendo UI?

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 01 Aug 2014, 09:00 AM
Hello Fred,

Does the .elementClass element meets the two requirements stated in the documentation?

http://docs.telerik.com/kendo-ui/api/web/ui#methods-progress

You can call

kendo.ui.progress(ajaxContainer, true);

without executing the long operation and use a DOM inspector to see what is wrong with the loading indicator's display.

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
General Discussions
Asked by
fbaptiste
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or