ejWaitingPopup Center Screen

[Arun Gandhi]

Hello,

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

Thanks

[Gurunathan A]

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  

 

https://help.syncfusion.com/js/api/ejwaitingpopup#members:target 

 

Regards, 

Gurunathan  

 

 

[Randy Craven]

Hello,

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.

Randy

[Karthikeyan Viswanathan]

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: 

<code> 

var inst = $("#target").ejWaitingPopup("instance"); 

          console.log(parseInt(inst.popupImage.css("top")) + inst.popupImage.height()); 

           

</code> 

  

 

 

JS Playground sample link: http://jsplayground.syncfusion.com/zvv2inw1   

Regards,  

Karthikeyan V.