Answers

• allan Posts: 65,056Questions: 1Answers: 10,772 Site admin

  August 27

  As you say, Bootstrap can only show a single model at a time. I've not yet found a way around that.

  There isn't currently a build in option in Editor to confirm a create or edit action. The delete action is has a confirmation button itself. Currently the only way to do it would be to use the buttons for the form and provide a function that will check with the user if they want to confirm the action. A simple confirm() will do that, although it isn't a particularly attractive UI. When confirmed call submit().

  Thinking about it, I suppose there is one other option - needing to click the submit button twice. What you could do is have a preSubmit event handler that will check a hidden value to see if it is the first click or second. If the first, then use message() / error() to show a message that says "Click submit again to confirm" and set the value. Then the second submit will see the value is set and allow it to continue.

  Allan
• maxmedia Posts: 12Questions: 6Answers: 0

  August 28

  Thanks Allan.
  As you say javascript confirm() is foolproof but ugly solution.
  I have played a little bit with bs modal z-index and found a workaround, if anybody's interested. Use with caution, it's not guaranteed to work with future BS versions:

  Add some css:

  .modal.mx-modal {z-index: 1060;}
  .modal-backdrop.mx-modal {z-index: 1059;}
  

  Create and show modal:

  const modal = new bootstrap.Modal('#mxAlert');
  ...
  modal.show();
  $(modal._element).addClass('mx-modal');
  $(modal._backdrop._element).addClass('mx-modal');
  

  I am using data-bs-backdrop="static", not sure what would happen with different backdrop type.
• allan Posts: 65,056Questions: 1Answers: 10,772 Site admin

  August 28

  Awesome - thanks for posting back with your solution

  Allan