In progress icon

[Chrys]

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?

[Jayesh Goyani]

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