Question

65

Sweet alert html option

rated 0 times [ 71] [ 6] / answers: 1 / hits: 15696 / 8 Years ago, thu, january 28, 2016, 12:00:00

I'm trying to make an sweet alert with the html option:

swal({  

   title: HTML <small>Title</small>!,  

   text: A custom <span style=color:#F8BB86>html<span> message.,   

   html: true 

});

But instead of that text put a button, I have tried this one:

var boton = button;

swal({   

    title: HTML <small>Title</small>!,  

    text: <input type= + boton + >,  

    html: true 

});

but it doesn't work!
(I want to make something like a menu with options(the buttons))
Does anybody know how to do something like that?
Thanks!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

zaynerogerb

Add To Favorites

Follow

Total Points: 454

Total Questions: 109

Total Answers: 97

Location: Comoros

Member since Tue, Mar 14, 2023

1 Year ago

zaynerogerb questions

1 Error: Caching was left unconfigured. Babel's plugins when I installed Font Awesome to my react app

Fri, Mar 4, 22, 00:00, 2 Years ago

1 Cannot import Popper.js in VueJS

Sat, Sep 5, 20, 00:00, 4 Years ago

1 Framer Motion exit animation not firing on accordion with react-router-dom

Wed, Aug 12, 20, 00:00, 4 Years ago

1 How to use Behaviorsubject to detect change

Fri, May 8, 20, 00:00, 4 Years ago

1 How to solve DELETE error 404 not found express.js

Mon, Apr 6, 20, 00:00, 4 Years ago

View All

answered 9 Years ago carolinabritneyp · Accepted Answer

You can use button tag instead of input.

Like this:

var boton = button;

swal({   

    title: HTML <small>Title</small>!,  

    text: '<button type=' + boton + '>Button</button>',

    html: true 

});

<link href=https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css rel=stylesheet />

<script src=https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js></script>