wait popup default image

[Chad Wu]

I have just downloaded trial js essential library and use waitPopup, but I found the default image is not showing, or not rotating in some other browsers such as safari , window edge.

could you advise?

[Prince Oliver]

Hi Chad,   

  

Thank you for contacting Syncfusion forums.   

  

Unfortunately, we are unable to recreate such behavior in the WaitingPopup control. Please find attached Playground Sample. Perhaps, you did not add the required contents for WaitingPopup in your sample. Make sure that “waitingpopup.gif” exists in the images folder of the theme, you are using or you can use CDN link for the CSS file. If there are any console errors, please provide us details or screenshots, it may help us track down the immediate cause of the issue. If this does not help, maybe you can modify the provided Playground sample to exhibit the issue you are facing and send us for further investigation. Thank you for your cooperation in advance.   

  

Regards,   

Prince   

[Chad Wu]

we didn't use waitpupop control, instead we reference JS essential library directly. the gif image is loaded directly from css from your image folder. I did some testing in Edge, it appears that the gif image only showing properly if i stop the thread after popUpObj.show() command (eg, put alert ("aaa')) . It works fine in firefox and chrome. 

[Prince Oliver]

Hi Chad, 

Thank you for your update. 

We are unable to fully understand your scenario, please provide us sample or code snippet to replicate your scenario. It will help us debug the issue locally to find the cause of the issue and provide you solution. 

  

Regards, 

Prince 

[Chad Wu]

<link rel='nofollow' href="Content/ej/web/default-theme/ej.web.all.min.css" rel="stylesheet" />
<script src="Scripts/ej/ej.web.all.min.js"></script>    

<style type="text/css">
     .e-waitpopup-pane {
            z-index:20 !important;
            color:white;
            background-color:#444242;

        }
</style>


<script type="text/javascript">

 $(document).ready(function () {

      $("#waitingPopUp").ejWaitingPopup({
            showOnInit: false,
            showImage: true,
            target: "#page",
            text: "Loading your address info... Please wait.."            
        });            


        var popUpObj = $("#waitingPopUp").data("ejWaitingPopup");


      $("#btnCheckout").click(function () {

          popUpObj.show();
    }

 });


</script>

<div id="page">


    <input type="button" id="btnCheckout"  value="Check Out"/>

     <div id="waitingPopUp"></div>

</div>

[Prince Oliver]

Hi Chad, 

Thank you for your update. 

We have checked your reported issue in Edge and Safari browser, we could not reproduce your reported issue. Please refer to the attached video and sample: http://www.syncfusion.com/downloads/support/forum/133121/ze/Waitingpopup-1334814336 

Please check the above sample in your end, provide us further details if you are still facing the issue. 

Regards, 

Prince 

[Chad Wu]

Thanks for your supporting, I think this is a known issue in Microsoft edge/internet explorer for supporting animation from gif file.

[Prince Oliver]

Hi Chad, 

Most Welcome. Thank you for sharing the details with us. 

Regards, 

Prince