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

In progress icon

1 Answer 29 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Chrys
Top achievements
Rank 1
Chrys asked on 02 Aug 2013, 09:33 PM
This is probably pretty trival but I haven't found the answer yet. When I set a grid to popup mode is there an easy way to show an in-progress icon? Until the form is submitted?

1 Answer, 1 is accepted

Sort by
0
Jayesh Goyani
Top achievements
Rank 2
answered on 05 Aug 2013, 12:33 PM
Hello,

.dvLoading {
background:url(../Content/images/Loading.gif) no-repeat center center; /* Please set your URL here */
height: 100px;
width: 100px;
position: fixed;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -50px;
/*margin: 0 -50 0 0;*/
z-index: 1000;
}
<div id="progress" class="dvLoading" style="display:none;"></div>
$(window).load(function () {// Hide spinner
          $("#progress").hide();
      });
 
      $(window).unload(function () {// Show spinner
          $("#progress").show();
      });
 
      $(document).ready(function () {
        
          $(document).ajaxStart(function () { // Show spinner
              $("#progress").show();
          }).ajaxStop(function () { // Hide spinner
              $("#progress").hide();
          });
 
      });



Thanks,
Jayesh Goyani
Tags
Grid
Asked by
Chrys
Top achievements
Rank 1
Answers by
Jayesh Goyani
Top achievements
Rank 2
Share this question
or