title: How to open two modal dialogs in Twitter Bootstrap at the same time
body: <p>I have implemented bootstrap dialog in my project. I have some delete functionality in that dialog, and the delete confirmation message opens another bootstrap dialog.  But when the second confirmation dialog is open, the first dialog is not disabled and all the events work.</p>
  
  <p>Is there any solution to disable the original dialog when another dialog opens?</p>
  
  <p>Here's my code:</p>
  
  <pre><code>function OpenDialogForSelectionAdmItem(title, content, callback) {
      var dlg = new BootstrapDialog({
          title: title,
          content: content,
          buttons: [{
              label: 'Save',
              cssClass: 'btn-primary',
              id: 'btnSave',
              onclick: function (dialog) {
  
              }
          },
          {
              label: 'Close',
              cssClass: 'btn',
              id: 'btnClose',
              onclick: function (dialog) {
                  if (callback != "") {
                      callback(true);
                  }
                  dialog.close();
              }
          }]
      });
  
      dlg.open();`
  }
  </code></pre>
  
  <h3>Screenshot:</h3>
  
  <p><img src="https://i.imgur.com/RbPWnD8.png" alt="Screenshot"></p>
  
  <p>When the dialog for delete confirmation is open, I want to disable the first dialog.</p>