I am trying to display a spinner in a sweet alert
dialog something close to Bootstrap modal dialog (http://jsfiddle.net/D6rD6/5/)
The closest i could come up with is something like this :
SweetAlert.swal({
title: '<small>Import errors occurred !</small>',
text: '<i class="fa fa-spinner" aria-hidden="true"></i>',
html: true,
customClass: 'manual-upload-errors-swal-width'
});
If this is not possible whats the closest and best solution ?
SweetAlert uses promises to keep track of how the user interacts with the alert. If the user clicks the confirm button, the promise resolves to true . If the alert is dismissed (by clicking outside of it), the promise resolves to null . swal("Click on either the button or outside the modal.")
In this article, we will learn how to use sweetalert2 in Angular 10 applications. Sweetalert2 is used to display alert messages. Prerequisites. Basic Knowledge of Angular 2 or higher. Visual Studio Code.
The original sweet alert plugin is unsupported, I suggest you using SweetAlert2 plugin.
Migration is simple, here's the migration guide: Migration from SweetAlert to SweetAlert2
In SweetAlert2 there's swal.showLoading()
, so you can show loading modal as easy as:
Swal.fire('Please wait')
Swal.showLoading()
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With