We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

ejWaitingPopup Center Screen


How can I set the posting of $("#FlatGrid").ejWaitingPopup to show up in the center screen?


3 Replies

GA Gurunathan A Syncfusion Team September 16, 2016 12:03 PM UTC

Hi Arun,  
Thanks for contacting Syncfusion support. 
Positioning of waiting popup is truly based on target element. so give the appropriate selector in target property to make it show in center in your application. Please find the UG reference for more details  

RC Randy Craven January 25, 2017 06:33 PM UTC


Let's say the target of the WaitingPopup is 'body' and the document is longer than the viewport, so that only part of the document is being displayed in the viewport.  In that case, depending on the position of the viewport, the WaitingPopup GIF might be displayed above or below the viewport; so that the user sees the grayed out screen but not the GIF.

Is there a method to ensure that the WaitingPopup image is displayed in the center of the viewport, regardless of the length of the document or position of the viewport relative to the document?

Thank you for any suggestions.


KV Karthikeyan Viswanathan Syncfusion Team January 26, 2017 03:16 PM UTC

Hi Randy Craven  
Thanks for contacting Syncfusion support. 
 We don’t have method to check the center position. We can easily ensure the image position using the below code snippet: 
var inst = $("#target").ejWaitingPopup("instance"); 
          console.log(parseInt(inst.popupImage.css("top")) + inst.popupImage.height()); 
JS Playground sample link: http://jsplayground.syncfusion.com/zvv2inw1   
Karthikeyan V.  

Live Chat Icon For mobile
Up arrow icon