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

Loading / Progress control?

9 Answers 237 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Luke
Top achievements
Rank 1
Luke asked on 19 Aug 2011, 03:30 PM
Hi,

I'm sure I am just missing something but how would I implement a simple loading animation on demand? I can see that it is included in the controls, for example the Grid control uses one when binding to data. But I would like to add them to my own script when performing AJAX calls etc. In a similar way to the ASP.NET Ajax library RadAjaxLoadingPanel

Could someone please show me an example?

Many thanks.

Luke

9 Answers, 1 is accepted

Sort by
0
Accepted
Atanas Korchev
Telerik team
answered on 22 Aug 2011, 10:19 AM
Hello Luke,

You can try

kendo.ui.progress($("#someElementId"), true) to show the loading progress which the grid is using and 
kendo.ui.progress($("#someElementId"), false) to hide it.

The progress is currently tested only with the grid and requires the parent element to have its width and height set.

Regards,

Atanas Korchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Nathan
Top achievements
Rank 1
answered on 21 Mar 2014, 07:22 PM
Guess it's too much to ask for a full code sample.  It's annoying when you guys answer in fragments.
0
Sebastian
Telerik team
answered on 24 Mar 2014, 08:49 AM
Hello Nathan,

You can find a quick example in the API reference section of our documentation here.

Regards,
Sebastian
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Nathan
Top achievements
Rank 1
answered on 24 Mar 2014, 02:43 PM
Like my previous post said:  Guess it's too much to ask for a full code sample.  It's annoying when you guys answer in fragments.

Do you have a full code sample...not a fragment. 
0
Atanas Korchev
Telerik team
answered on 24 Mar 2014, 03:10 PM
Hi Nathan,

The API reference linked in our response contains a full example. You can run the code in trykendoui.telerik.com: http://trykendoui.telerik.com/@korchev/AREJ

Regards,
Atanas Korchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Nathan
Top achievements
Rank 1
answered on 24 Mar 2014, 03:17 PM
still doesn't work.   progress not being shown.  i must not be explaining it right.
0
Atanas Korchev
Telerik team
answered on 24 Mar 2014, 03:26 PM
Hello Nathan,

I've recorded a screencast which shows the progress indicator behavior at my side. What is different in your case? Does this demo work for you? Can you show us your code which doesn't work?

Regards,
Atanas Korchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Nathan
Top achievements
Rank 1
answered on 24 Mar 2014, 03:31 PM
What you provided works fine when I run it as well.  When I integrate it in my code, it doesn't work.  Obviously I'm doing something wrong.
0
Atanas Korchev
Telerik team
answered on 24 Mar 2014, 03:40 PM
Hi Nathan,

We are not sure how your code looks like and can't tell why it doesn't work. Providing your code or modifying our example so it replicates your scenario will allow us to provide assistance.

Regards,
Atanas Korchev
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
Luke
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
Nathan
Top achievements
Rank 1
Sebastian
Telerik team
Share this question
or