Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

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,


G
Guest 4 years ago
Metronic Bootstrap 5 HTML
2 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)

user
Sean Author 4 years ago

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.


user
riterix 4 years ago

Hi Sean,

Thank you for the example below,

We really love to see Metronic supports this option (stackable Modals)

Thank You.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(