multiple-dialogs.js

  BootstrapDialog.show({
    title: 'Yo DAWG!  A popup on your popup',
    message: function(dialog) {
      return $('<div>I heard you like that</div>');
    },
    buttons: [
      {
        label: 'Close',
        cssClass: 'btn btn-default btn-sm',
        action: function(dialogItself){
          dialogItself.close();
        }
      },
    ],
    onshow: function(dialog){
      dialog.$modal.css('visibility', 'hidden');
    },
    onshown: function(dialog){
      setTimeout(function() {
        var tier = $('.bootstrap-dialog').length - 1;
        dialog.$modal.prev(".modal-backdrop")
            .css("z-index", 1030 + tier * 30);
        dialog.$modal
            .css("z-index", 50000 + tier * 30);
        dialog.$modal.css('visibility', 'visible');
      }, 100);
    },
  });