Being that we can insert html into the Sweet Alert, I was wondering if there was a template that the Sweet Alert is being used in so that I can make some custom event handlers for clickable text in the modal.

Looking to do something like:

Template.Example.events({
    'click #do-something': function() {
        htmlText = "I want to do something when I click <span id='click-me'>here</span>.";

        swal({
            title: "Example",   
            text: customText,
            confirmButtonColor: "#2e9bda",
            confirmButtonText: "Ok",
            closeOnConfirm: true,
            html:true
        });
    }
});


Template.SweetAlert.events({
    'click #click-me': function() {
        swal.close();
        // do other cool stuff here...
    }
})

Hello,

I have add sweet alert with meteor.
But how can I change the theme (css) ?

Could you please upgrade to 0.3.2.
There is a known problem with IE 11 that the new version fixes.

I have this piece of code:

swal({
      imageUrl: "/image.png",
      imageSize: "279x60",
      inputPlaceholder: "Enter your email to get invited",
      title: "<h3>Title text here?</h3>",
      text: "Text here.",
      type: "input",
      html: true,
      showCancelButton: true,
      closeOnConfirm: false,
      animation: "slide-from-top"
    }

But the input placeholder is not showing.
Any help here?

Example:

http://autopublish.meteor.com by @splendido could help automatically publish new versions of this package when there are new versions upstream.

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 think there is a use of ok button in this matter.

I can't seem to get the custom icon to work. I've adjusted the size, tried CDN, tried local. The sweet alert gets rendered with custom-icon style set to "display: none"

Hi, I wanted to know if you have plans for updating it to the latest version, thanks!

I tried adding the variable inline and by creating a variable before adding it to the swal object. Any way to do this?

var sponsor = tmpl.find('#sponsorName').value;
var dynamicText = "Are you sure you want to delete" + sponsor + "?";

swal({
  title: "Remove sponsor",
  text: dynamicText,
  type: "warning",
  showCancelButton: true,
  confirmButtonColor: "#DD6B55",
  confirmButtonText: "Yes, delete it!",
  closeOnConfirm: false,
  html: true
}, function() {
  swal("Deleted!",
    "Deleted.",
    "success");
});

Doing this just leaves a blank space where the variable should display.

I'm trying out the examples on the SweetAlert site (http://tristanedwards.me/sweetalert), but the example where you show another alert after clicking "Cancel" or "Confirm" is not working in the Meteor package. Basically, the modal isn't staying open - it's closing and swallowing the SweetAlert triggered in the confirmation function.

swal({
    title: "Are you sure?",
    text: "You will not be able to recover this imaginary file!",
    type: "warning",
    showCancelButton: true,
    confirmButtonColor: "#DD6B55",
    confirmButtonText: "Yes, delete it!",
    cancelButtonText: "No, cancel plx!",
    closeOnConfirm: false,
    closeOnCancel: false
}, function(isConfirm) {
    if (isConfirm) {
        swal("Deleted!", "Your imaginary file has been deleted.", "success");
    } else {
        swal("Cancelled", "Your imaginary file is safe :)", "error");
    }
});

https://atmospherejs.com/kevohagan/sweetalert still displays the old README. You can update it without bumping the package version:

meteor publish --update

the sweet alert demo if you click outside the alert,
it closes the alert and with this it does not.

Is it becuase you are using a older version of the script or it is a option in sweet alert?

Hi, I don't know if it's the version of sweet alert or something else, but unfortunately the function that should be called when the timer ends right now is not working. :s

swal({   
                    title: "¡Listo!",   
                    text: "Ya está la dirección de envío.",   
                    type: "success",
                    timer: 1000,   
                    showConfirmButton: false},   
                    function(){  
                       console.log('done');
                    }
                    );

Anyone else unable to use "input" or "prompt" alert types with SweetAlert? All the other types seem to work for me - I've been using this plugin for a while - just not input/prompt. I've just updated to the latest 0.5.0.

I get this error:

SweetAlert: Unknown alert type: input

Which is bizarre, since I checked the source SweetAlert js file and it has alertTypes = [... 'input', 'prompt'], so they should be working... any ideas?

Meteor.call is working without swal but when I put it inside sweetalert its not.

'click .fa-trash': function() {
        swal({
            title: "Are you sure?",
            text: "You will not be able to recover this imaginary file!",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes, delete it!",
            closeOnConfirm: false,
            html: false
        }, function() {
            Meteor.call('deleteItem', this._id); 
            swal("Deleted!",
                "Your imaginary file has been deleted.",
                "success");
        });           
    }