Question

I have a gridview with some imagebuttons, each of which kicks off a report page for that item. The report take 10-15 seconds to run, so I’d like a popup ‘Generating report, please wait’ type thing. I can think of a few ways but would like the opinion of those more experienced than I. The options I was considering:

a) link my imagebutton to an intermediate page that says ‘please wait’, and then refer it onto the report page from there. Seems a bit clunky
b) Investigate using jquery or similar. I have telerik controls, they have a few things but it isn’t clear if any are suitable.
c) Define some kind of CSS layer with a please wait warning on it, and make it visible as part of the button’s onclick event
d) Look into jquery or similar

Any thoughts?

Thanks!

Answer 1

I use Div with transparency, and its pretty cool and simple. Give it a try.

 <div id="ModalPopup" style="visibility: hidden;">
  <div style="position: fixed; width: 100%; height: 100%; z-index: 10002; background-color: Gray;
    filter: alpha(opacity=70); opacity: 0.7;">
    &nbsp;
  </div>
  <table style="position: fixed; width: 100%; height: 100%; z-index: 10003;">
    <tr>
      <td align="center" valign="middle">
        <div style="color: Black; font-weight: bolder; background-color: White; padding: 15px;
          width: 200px;">
          <asp:Image ID="Image3" runat="server" ImageUrl="~/Images/progress.gif" />
          Procesando....
        </div>
      </td>
    </tr>
  </table>
  </div>

To display the div, use this JavaScript:

document.getElementById(‘ModalPopup’).style.visibility = ‘visible’;