Loading / Progress control?

10 posts, 1 answers
  1. Luke
    Luke avatar
    6 posts
    Member since:
    Jul 2011

    Posted 19 Aug 2011 Link to this post

    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
  2. Answer
    Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 22 Aug 2011 Link to this post

    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!
  3. Nathan
    Nathan avatar
    23 posts
    Member since:
    Jul 2012

    Posted 21 Mar 2014 in reply to Atanas Korchev Link to this post

    Guess it's too much to ask for a full code sample.  It's annoying when you guys answer in fragments.
  4. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 24 Mar 2014 Link to this post

    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!
     
  5. Nathan
    Nathan avatar
    23 posts
    Member since:
    Jul 2012

    Posted 24 Mar 2014 in reply to Sebastian Link to this post

    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. 
  6. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 24 Mar 2014 Link to this post

    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!
     
  7. Nathan
    Nathan avatar
    23 posts
    Member since:
    Jul 2012

    Posted 24 Mar 2014 in reply to Atanas Korchev Link to this post

    still doesn't work.   progress not being shown.  i must not be explaining it right.
  8. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 24 Mar 2014 Link to this post

    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!
     
  9. Nathan
    Nathan avatar
    23 posts
    Member since:
    Jul 2012

    Posted 24 Mar 2014 in reply to Atanas Korchev Link to this post

    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.
  10. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 24 Mar 2014 Link to this post

    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!
     
Back to Top