Creating Multiple Modals on a Single Page

You assigned the same Id to both modal triggering buttons. Different elements shouldn’t have the same Id. In you JavaScript code, you always pick a single element (a single close button, a single open button, etc). It’s a HTML/JS beginner’s mistake I would say. This would work:

Bootstrap modal not displaying

I tracked down the reason. Just to give it some general usefulness to anyone coming to this question. If you can’t figure out what’s wrong, try doing a ‘search all’ for any classes of ‘modal’ ‘fade’ ‘fade in’ and ‘hide’ in any style sheets in your application. I had a single instance of ‘fade’ being … Read more

Angular 2.0 and Modal Dialog

Angular 2 and up Bootstrap css (animation is preserved) NO JQuery NO bootstrap.js Supports custom modal content (just like accepted answer) Recently added support for multiple modals on top of each other. ` To show the backdrop, you’ll need something like this CSS: The example now allows for multiple modals at the same time. (see … Read more

Why is window.showModalDialog deprecated? What to use instead?

Why is window.showModalDialog deprecated? From http://tjvantoll.com/2012/05/02/showmodaldialog-what-it-is-and-why-you-should-never-use-it/, In general the idea of putting a native dialog implementation into the browser was a really good idea, but window.showModalDialog was a bad implementation that is riddled with issues and poor browser support. (…) Note that (…) [a modal dialog using showModalDialog] is a full HTML document, not a snippet that is injected … Read more