Close when clicking outside modal or escape button

Though I admit this may be a bit hackish, but i achieved the close on click outside the modal with this piece of js code:

$('#modalBackdrop').click(function() {
$('.popups-close').trigger('click');
});

Hope this helps!!

I have tried to add this function to my site without any luck.

I added your piece of code to my modal_forms_login.js file (because I am using the module only for my login window).

Could you give more details on where to add the code?

Thanks!

You can do the following too:

// JavaScript
$('#modalBackdrop').click(function() {
   Drupal.CTools.Modal.dismiss();
});

Or add the line below to ctools/js/modal.js (around line 430):

// JavaScript
$('#modalBackdrop').click(function() { close(); });

Add the following to any of your JS documents (such as one that is included for your theme):

// JavaScript
Drupal.behaviors.ctools_backdrop_close = {
  attach: function(context, settings){
    $('#modalBackdrop').once('ctools_backdrop_close', function(){
      $(this).click(function() {
        Drupal.CTools.Modal.dismiss();
      });
    });
  }
}

chrinor2002, thank you for elegant solution

chrinor2002, thank you

#4 works great for me! Would love to see this added as an optional setting in the module.