SweetAlert html option not working

Question

Sweet alert with html option is not working can you guys explain me to solve this.or otherwise i want to bind template explicitly to sweet alert.

    swal({
        title: "Are you sure?",
        text: '<b>Hiiii</b>' ,
        type: "info",
        showCancelButton: true,
        confirmButtonColor: "#F44336",
        confirmButtonText: "Yes, accept it!",
        closeOnConfirm: true
        html:true
    }, function() {
        $scope.onComment(record);
    });

Can you people help me to solve this sweet alert problem?

As @lin said, provide code. And you can use AngularJS SweetAlert wrapper https://github.com/oitozero/ngSweetAlert — Zooly, Sep 20 '17 at 08:48
swal({ title: "Are you sure?", text: 'Hiiii' , type: "info", showCancelButton: true, confirmButtonColor: "#F44336", confirmButtonText: "Yes, accept it!", closeOnConfirm: true html:true }, function() { $scope.onComment(record); }); — Siva Krishna Maddipati, Sep 20 '17 at 08:50

federico scamuzzi · Answer 1 · 2017-09-20T08:58:27.083

1

as Doc says :

html is no longer used. Instead use the content object.

(https://sweetalert.js.org/guides/)

try:

swal({
  content: "input",
});

edited Sep 20 '17 at 08:58

answered Sep 20 '17 at 08:52

federico scamuzzi

3,708
1
17
24

I have installed through bower – Siva Krishna Maddipati Sep 20 '17 at 08:53
double check the path you included (is the dist folder?) – federico scamuzzi Sep 20 '17 at 08:53
swall is working fine but with html true option is not working. – Siva Krishna Maddipati Sep 20 '17 at 08:55
actually i want to show dynamic html table in swall. – Siva Krishna Maddipati Sep 20 '17 at 08:55
are you using a template inline or a url? – federico scamuzzi Sep 20 '17 at 08:55
swal({ title: "Are you sure?", template: '/views/public/access.html' , type: "info", showCancelButton: true, confirmButtonColor: "#F44336", confirmButtonText: "Yes, accept it!", closeOnConfirm: true html:true }, function() { $scope.onComment(record); }); – Siva Krishna Maddipati Sep 20 '17 at 09:00
use the dit of the response – federico scamuzzi Sep 20 '17 at 09:00
swal({ title: "Are you sure?", text: 'userReasonDate'+'\n'+''+info.user+''+info.reason+''+info.rejDate+'' , type: "info", showCancelButton: true, confirmButtonColor: "#F44336", confirmButtonText: "Yes, accept it!", closeOnConfirm: true, html:true }, function() { $scope.onComment(record); }); – Siva Krishna Maddipati Sep 20 '17 at 09:05
Can you please tell me to bind html dynamic table to swall with url basis or inline. – Siva Krishna Maddipati Sep 20 '17 at 09:13
html is no longer used. Instead use the content object. as doc says https://sweetalert.js.org/guides/ – federico scamuzzi Sep 20 '17 at 09:14
if it helped you ..rate it .. so for other people they know it is corretc :) – federico scamuzzi Oct 27 '17 at 11:04
I want to show the dynamic message(html) in swall too. – 米米米 Jan 20 '22 at 07:44

score 0 · Answer 2 · answered Jan 20 '22 at 08:42

0

I found out how to do it in the new Version. Please see the information below.

sweet-alert display HTML code in text

answered Jan 20 '22 at 08:42

米米米

970
7
9

SweetAlert html option not working

2 Answers2