JavaScript: How to reuse the "Working on it..." pop in

Question

Sharepoint 2013: In have custom JavaScript code that makes Ajax calls. While loading I'd like to show Sharepoint's loading pop in:

working_on_it

That is the one that greys out the underlying page and centers a loading box with shadows.

Any hint how to call the "show" function and the "remove" function as soon as my Ajax completes?

Thanks, Juergen

Arsalan Adam Khatri · Accepted Answer · 2017-05-23T09:37:16.817

33

Juergen,

The below article should help:
http://www.collabware.com/blog/2013/03/22/tips-tricks-sharepoint-2013-modal-dialogs

You have SP.UI.ModalDialog.showWaitScreenWithNoClose which can be used..

function RequestEnded(sender, args) {
  try {
    waitDialog.close();
    waitDialog = null;
  } catch (ex) { }
};

function RequestStarted(sender, args) {
   ExecuteOrDelayUntilScriptLoaded(ShowWaitDialog, "sp.js");
};

function ShowWaitDialog() {
   try {
      if (waitDialog == null) {
         waitDialog = SP.UI.ModalDialog.showWaitScreenWithNoClose('Processing...', 'Please wait while request is in progress...', 76, 330);
      }
   } catch (ex) { }
};

edited May 23 '17 at 09:37

answered Jan 28 '14 at 09:59

Arsalan Adam Khatri

14,531
3
36
59

5

Arsalan, thanks a lot! Works like charm! All I needed was oLoader = SP.UI.ModalDialog.showWaitScreenWithNoClose(SP.Res.dialogLoading15); and oLoader.close(); Brilliant! – Juergen Riemer Jan 28 '14 at 10:18
Mentioned URL isn't working http://blog.collabware.com/2013/03/22/tips-tricks-sharepoint-2013-modal-dialogs/ – Yayati May 23 '17 at 06:56
@Yayati I have updated the URL: http://www.collabware.com/blog/2013/03/22/tips-tricks-sharepoint-2013-modal-dialogs – Arsalan Adam Khatri May 23 '17 at 09:37
@ArsalanAdamKhatri Much thanks for prompt response. :) – Yayati May 23 '17 at 10:07
2

I love you so much – Nderon Hyseni Aug 08 '17 at 12:19
1

@NderonHyseni thanks but no thanks :P – Arsalan Adam Khatri Aug 21 '17 at 16:36

score 0 · Answer 2 · answered Mar 24 '17 at 08:00

//show and hide waiting on it javascript

    function waitMessage() {
        window.parent.eval("window.waitDialog = SP.UI.ModalDialog.showWaitScreenWithNoClose('Processing...', '', 90, 300);");
    }

    function closeMessage() {
        if (window.frameElement != null) {
            if (window.parent.waitDialog != null) {
                window.parent.waitDialog.close();
            }
        }
    }

score -5 · Answer 3 · answered Oct 10 '14 at 09:45

-5

u can use this $.ShowProcessing("Refreshing Collections...");

answered Oct 10 '14 at 09:45

Mohan

1

There is no ShowProcessingmethod on $ by default – Robert Lindgren Oct 10 '14 at 09:46

JavaScript: How to reuse the "Working on it..." pop in

3 Answers3

Linked