Prevent SweetAlert to be closed on clicking outside the popup window

javascript sweetalert
Saqib A. Azhar picture Saqib A. Azhar · Dec 11, 2017 · Viewed 54.3k times · Source

I am using Sweet Alert for a popup on my product view in an E-commerce Application with two buttons: one for going on cart View and another for reloading the view.

But when a user clicks outside of the popup, the popup window closes automatically. I've tried following properties to stop it to be closed but nothing works :

hideOnOverlayClick: false,
hideOnContentClick: false,
closeClick: false,
helpers: {
    overlay: { closeClick: false } 
}

Any help/suggestion is highly appreciated.

Thanks.

Answer

Halawa picture Halawa · Dec 20, 2017

If you are using Sweet Alert 2, you can use this configuration

allowOutsideClick: false

This should work.

Related questions

sweet-alert display HTML code in text

I am using sweet-alert plugin to display an alert. With a classical config (defaults), everything goes OK. But when I want to add a HTML tag into the TEXT, it display <b>...</b> without making it …

Read More
How to redirect page after click on Ok button on sweet alert?

I am able to display sweet alert after the page refresh but I have to click on Ok button which I am getting on sweet alert to redirect the page.Please help me in this. <?php echo '<…

Read More
SweetAlert - Change Modal Width?

I love this library. I'd like to use it to display a moderate response table on one of my web pages, but the text gets a little wide. I was hoping there was an option to change the width of …

Read More