Stack Overflow
Stack Overflow

Questions tagged [sweetalert]

SweetAlert is a JavaScript library that provides a replacement for standard alert() dialogue.

SweetAlert is a JavaScript library that provides a replacement for the standard alert() dialogue that allows styling and customization. Indeed, it also may be regarded as a replacement for confirm() and prompt().

Documentation :

Similar Libraries:

1069 questions
79
votes
12 answers

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 ... without making it bold. After searching for the answer, it looks like I…
Peter
  • 1,589
  • 2
  • 20
  • 27
69
votes
3 answers

Cannot flush updates when React is already rendering

I'm trying to show an alert when the API returns an error. For the alert window I'm using sweetalert2. In my render method I'm checking if the error message contains content. If it contains an error message I want to show the user an alert. When I…
J. Adam
  • 1,457
  • 3
  • 20
  • 38
47
votes
13 answers

Prevent SweetAlert to be closed on clicking outside the popup window

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…
Saqib A. Azhar
  • 994
  • 1
  • 15
  • 27
44
votes
14 answers

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 the overall alert for the page that I'm displaying the…
Watercayman
  • 7,970
  • 10
  • 31
  • 49
41
votes
12 answers

Remove "OK" button from sweet alert dialog

I am using javascript sweetalert2 library. I want to remove the OK button from the alert box but I did not find any property for not to display this button. I am using the timer property timer:1000 for closing the alert in one second. So, I don't…
Ankush Rishi
  • 2,861
  • 8
  • 27
  • 59
40
votes
17 answers

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. '; echo 'setTimeout(function…
user6930268
31
votes
15 answers

SweetAlert - Change Color of Button

I'm trying to change the color of the cancel button like I can for the confirm button but it doesn't seem to work for some reason. swal({ title: "Are you sure?", text: "You will not be able to recover this imaginary file!", type:…
compcobalt
  • 1,322
  • 7
  • 31
  • 61
25
votes
16 answers

SweetAlert prompt with two input fields

Currently working on a personal project. I want the user to click a button and a SweetAlert prompt would be presented for the user to verify their credential. However, the code I see on the SweetAlert website only allows one input field. Here is the…
ballerz
  • 467
  • 3
  • 6
  • 15
24
votes
8 answers

how to close sweet alert on ajax request completion

I am using Sweet-alert in my angular app. function GetDataFromServer(url) { SweetAlert.swal( { title: "", text: "Please wait.", imageUrl: "../../app/app-img/loading_spinner.gif", showConfirmButton: false …
Kgn-web
  • 7,047
  • 24
  • 95
  • 161
23
votes
7 answers

Input text in sweetAlert

I'm using a custom version of sweetalert to ask my user for an input. I have managed to make the everything work but there is an strange behavior, In order to be able to input a text in the input box you have to click screen first: swal({ title:…
DomingoSL
  • 14,920
  • 24
  • 99
  • 173
22
votes
4 answers

How to change sweetalert button text?

I want to change the 'Ok' button with 'Select patient' and the 'Cancel' to 'Speed case'. How can I do that? swal({ text: "Start new case by", buttons: true, confirmButtonText: "Select Patient?", cancelButtonText: "Speed Case?", });
Dip Girase
  • 439
  • 1
  • 7
  • 18
22
votes
5 answers

Uncaught (in promise) cancel using SweetAlert2

how do I properly escape the cancel button without throwing an error when using promises? My code throws an alert confirmation with a required checkbox. the code executes as it should to the user, but it throws an error in the console…
Frankenmint
  • 1,570
  • 3
  • 18
  • 33
21
votes
9 answers

More than 2 buttons on sweetalert 2

I have a sweetalert with 2 buttons but I want to have one more button in it. For example, as of now, I have yes and no I want to add one more button say later. Please help. $("#close_account").on("click", function(e) { e.preventDefault(); …
Sukhwinder Sodhi
  • 455
  • 1
  • 4
  • 18
18
votes
4 answers

SweetAlert text formatting

I am using sweetAlert for dialog box display. Inside my dialog box, I have to display a large string with line breaks in between. My sample string is as follows: var str="Task1Name : Success : statusCode\n Task2NameLonger …
Nagireddy Hanisha
  • 1,290
  • 4
  • 17
  • 39
18
votes
6 answers

How to use sweetalert2 in angular2

Getting this error after npm start in angular project. app/app.component.ts(12,7): error TS2304: Cannot find name 'swal'. app/app.component.ts(21,7): error TS2304: Cannot find name 'swal'. I created an angular project. Inside app.component.ts I…
Akash Rao
  • 920
  • 3
  • 12
  • 25
1
2 3
…
71 72