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.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

ejWaitingPopup Center Screen

Thread ID:

Created:

Updated:

Platform:

Replies:

125994 Sep 15,2016 07:27 PM UTC Jan 26,2017 03:16 PM UTC JavaScript 3
loading
Tags: ejWaitingPopup
Arun Gandhi
Asked On September 15, 2016 07:27 PM UTC

Hello,

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

Thanks


Gurunathan A [Syncfusion]
Replied On 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  
 
 
Regards, 
Gurunathan  
 
 


Randy Craven
Replied On January 25, 2017 06:33 PM UTC

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 [Syncfusion]
Replied On 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: 
<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.  
 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;