Base solution for your next web application
Open Closed

Stackable modals? #3322


User avatar
0
exlnt created

I was reviewing the Metronic docs provided and wanted to implement "Stackable" modals (shown below) in my ASPNETZERO solution. [attachment=0:3lvo2x4q]Screenshot (27).png[/attachment:3lvo2x4q] I copied over the example HTML into my page. I am able to open a second modal from my existing "Edit" modal. However, when I click the close button on the second modal, it closes both modals. How can I manage this, given that the ASPNETZERO modals are working through the modalmanager.js file. Is there something additional that needs to be done in order to make it work in ASPNETZERO?


3 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    We haven't used this plugin before. Can you check this example <a class="postlink" href="http://jschr.github.io/bootstrap-modal/">http://jschr.github.io/bootstrap-modal/</a> ? It is their official example.

    Also have you installed it correctly according to suggested way ? <a class="postlink" href="https://github.com/jschr/bootstrap-modal#installation">https://github.com/jschr/bootstrap-modal#installation</a>

    Thanks.

  • User Avatar
    0
    exlnt created

    :oops: You are correct. I did not notice that the plugin had some files. I thought it was part of core bootstrap function!

    I added the missing CSS/JS bundles and it works!

    However it seems to break the existing original modal. It clashes with the base bootstrap. It totally distorded my full width modal down into smaller modal and it was "Stacked" too. I will have to leave this idea for now and use another method.

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    Why did you want to use ? You can open a bootstrap modal from another one.