Waiting Popup in EJ2?

Question

Hi,is it planned to provide the waiting popup in EJ2?It seems to be not possible to use EJ1 and 2 in parallel -> Script conflicts.Cheers,Jonas

Balaji M · Answer

Hi Jonas,

Thanks for contacting Syncfusion support.

Query1:” is it planned to provide the waiting popup in EJ2?”

We already have the waiting popup(i.e. spinner) in our EJ2 components list. Hence in order to use the spinner(i.e. waiting popup), we suggest you to use createSpinner method to create spinner to the page. In this method, you can also set the target for the spinner and then you can show and hide this spinner by using showSpinner and hideSpinner methods. Basically, we have created spinner using these method for our internal component usage only and hence we will expose these methods to public usage. We have prepared a simple demo for this Spinner loading in a form.

import { createSpinner, setSpinner , showSpinner, hideSpinner } from '@syncfusion/ej2-popups';

createSpinner({

target: document.getElementById('container');

});

showSpinner(document.getElementById('container'));

hideSpinner(document.getElementById('container'));

Demo: http://plnkr.co/edit/oCQdygy9bbM4TnTS

Please find the below Spinner getting started UG for more reference.

https://ej2.syncfusion.com/16.1.37/documentation/spinner/?lang=typescript

Query2:”It seems to be not possible to use EJ1 and 2 in parallel -> Script conflicts”

Yes, it is possible to use EJ1 and EJ2 in the sample application. If we render both the projects in same application, there will be some compatibility issue with their CSS reference but no script errors. To resolve this compatibility issue, we need to refer the compatibility CSS instead of the usual CSS like below.

Please find the below UG link to know more about our compatibility.

https://ej2.syncfusion.com/16.1.37/documentation/compatibility/Essential-JS-1-JavaScript.html?lang=typescript

Please find the below sample for more reference.

http://plnkr.co/edit/pN9OO6BpqAQs1GE6

Hence if you still face any issue means, please let us know the below details.

Open your console window and check for any console errors and share the issue screenshot or video, if any?
If possible, please use our sample to reproducible your issue to validate from our side?
What is the Syncfusion version that you are using for EJ1 and EJ2?
What is your exact platform and in which components you are facing the issue?

Please check the shared information and also provide the above asked details so that we can provide a solution as earliest

Let us know if you need any further assistance.

Regards,

M. Balaji

Jonas Züger · Answer

Hi,Thank you for your answer.Well, I don't want to mix ES1 and 2 when I can work around it.I'm a bit lost with the ES2 spinner documentation and the given ES5 sample. I do not use TypeScript. (Yes - I have to learn it (-; )I just want to have a spinner in the middle of the window. I then expect to enable and disable it somehow by calling a function.Would it be possible to provide an example?Cheers,Jonas

Balaji M · Answer

Hi Jonas,  
 
Thanks for your update. 
 
Based on your requirement, to render the spinner in JavaScript instead of typescript, we have prepared a sample below. Since Spinner is a popup control, we have rendered it using ej.popups.  Please refer to the following code. 




 
 
// creating spinner and its target 
ej.popups.createSpinner({  
        target: document.getElementById('container')  
    }); 
 
// showing the spinner 
ej.popups.showSpinner(document.getElementById('container')); 
 
setInterval(function(){  
 // closing the spinner  
  ej.popups.hideSpinner(document.getElementById('container')) 
}, 5000); 
 
 
 
We have also modified your shared sample below for your reference. 
 
https://stackblitz.com/edit/js-2z5pff?file=index.js 
 
Also, please find more reference to ES5 user guide from below link. 
 
https://ej2.syncfusion.com/16.1.37/documentation/spinner/?lang=es5 
 
 
Please check the shared details, sample and let us know if you have any further queries.    
 
Regards, 
M. Balaji

Jonas Züger · Answer

Hi,thanks a lot for the sample - works like charm.Cheers,Jonas

Arun Palaniyandi · Answer

Hi Jonas,   
  
Thanks for your update. 
 
We are glad that our shared solution has helped you out. 
 
Please let us know if you have any queries in future. 
 
Regards, 
Arun P.