SharePoint Modal Dialog Not Showing On Visual Web Part

See more:

SharePoint2013

Hello,

I have created a Visual Web part in SharePoint 2013. Web part is used for showing list data from different list. For loading list data on web part we have used SPServices. We have written code under $(document).ready function so when web part loads, data will pull from lists and displayed on the screen. For loading list data it may takes 1-2 minutes so I want to show SharePoint Modal dialog(waitDialog = SP.UI.ModalDialog.showWaitScreenWithNoClose('Loading...', 'Please wait while data is fetching from Lists...', 76, 330);). Which will show user the wait screen with spinning icon. So user will not be able to click on background/Page.

But main issue is that when I am calling SharePoint modal dialog it is not showing on page, it hides somewhere (when pulling data from different list). If suppose I have used alert message after calling SharePoint Modal dialog it shows the SharePoint Modal dialog suddenly. I am confused about this behavior. How should I sort out this issue please guide me.

Any help will be appreciable.

Below is the code,

$(document).ready(function () {        

    ExecuteOrDelayUntilScriptLoaded(function(){

            //For Opening Sharepoint Modal Dialog

            waitDialog = SP.UI.ModalDialog.showWaitScreenWithNoClose('Loading...', 'Please wait while data is fetching from Lists...', 76, 330);

           //Code which will get data from different list and show on web part using SPServices   



           //For Closing Sharepoint Modal Dialog           
           waitDialog .close(); 

    }, "sp.js");

});

Thanks,
Nitin