JavaScript Answers

How to Remove “OK” button from sweet alert dialog with JavaScript?

Spread the love

To remove the “OK” button from a SweetAlert dialog using JavaScript, you can customize the SweetAlert options.

To do this we can write{
  title: 'Custom HTML title',
  html: 'I will close in <strong></strong> milliseconds.',
  timer: 2000,
  timerProgressBar: true,
  showConfirmButton: false, // Remove the "OK" button
  allowOutsideClick: false, // Prevent the dialog from closing by clicking outside
  allowEscapeKey: false // Prevent the dialog from closing by pressing the escape key

In this code, showConfirmButton: false removes the “OK” button from the SweetAlert dialog.

timer specifies the duration (in milliseconds) after which the dialog will automatically close.

timerProgressBar: true displays a progress bar indicating the remaining time before the dialog closes.

allowOutsideClick: false and allowEscapeKey: false prevent the user from closing the dialog by clicking outside or pressing the escape key, respectively.

Adjust the SweetAlert options according to your specific requirements.

This configuration will create a dialog that automatically closes after a specified duration without requiring any user interaction.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *