Get 2025 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$ 
Metronic8, modal in modal (Stackable model)
Hello,
I purchased Metronic8 and used it well. Thank you.
And, I have a question.
I wnat modal in modal (Stackable model / 2 step)
For example,
<button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#kt_modal_1">Step1</button> <-- When I click this, 1st modal popup.
<!-- 1st modal //-->
<div class="modal fade" id="kt_modal_1" tabindex="-1" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
1st modal content~~
<span class="badge badge-light-warning">Step2</span> <-- When I click this, I want the second Stackable model.
1st modal content~~
</div>
<!-- 2st modal //-->
<div class="modal fade" id="kt_modal_2" tabindex="-1" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
2st modal content~~
</div>Is this possible?
Do you have any good ideas?
Thanks,
Replies (2)
Hi,
This is a good request - Stackable Bootstrap Modals. We will implement this and put in the docs in a future update.
In the meantime you can refer to this solution that should work well for Bootstrap 5.
Regards.
Hi Sean,
Thank you for the example below,
We really love to see Metronic supports this option (stackable Modals)
Thank You.
