Search jQuery

jQuery Forum

How to open multiple modals in the same window

in Using jQuery UI • 6 years ago

Hello,

I'm working on an MVC application with jQuery and Bootstrap plug-in's. I'm stuck with a scenario where I need to show multiple views inside same page(side by side). I was thinking of a modal but I'm not sure how to load two popup windows/modal side by side.

Below is the link to HTML (which in practice is loaded pro-grammatically using jQuery) where I need to select checkbox's and when "Submit" is clicked, respective links (google/bing) should open inside same window as pop-up (side by side). I need to have ability to close these modals. The max number of windows is 3.

jsFiddle

Please assist.

Replies(3)

watusiware

Re: How to open multiple modals in the same window

6 years ago

The whole idea of a "modal" is that there is one pop-up, and you can't do anything else with the page while it is open. You need to find some different widget to do what you want. Modals are meant for when the user's attention is to be momentarily diverted to just one thing, while the rest of the page is still visible (though sometimes with reduced visability/blur, etc.)

I don't advise using both jQuery UI and Bootstrap. You are loading two widget frameworks, there are bound to be conflicts, and you are loading frameworks with redundant capabilities. Yes, you can build reduced versions of both jQuery UI and Bootstrap, but think it not worth the trouble.

Pick one!

Maybe Bootstrap panels will give the visual look you want.

Honestly, all you need is a <div> and place a button in a corner for closing. You just need to write a bit of code to have the button hide or animate the div/panel/whatever.

Smith

Re: Re: How to open multiple modals in the same window

6 years ago

I agree. Can you suggest a sample that would provide me with some assistance? I need not use modal for this particular requirement. But I need to show two windows with in the same page so that the user can compare these two windows. Any sample in jsfiddle could help.

watusiware

Re: How to open multiple modals in the same window

6 years ago

I can't guess at what you want it to look like - you haven't been at all clear as to just what you want. You shouldn't expect others to have to paint a mental picture. And especially since you are asking for something that seems unconventional.

You need to start by making a fiddle that shows the windows displayed as you want, or at least a picture. (Fiddle is better!) It is then a simple matter to add buttons to make them appear and disappear.

You made a fiddle that shows a table. I'd expect you'd have made a fiddle that shows three boxes or windows of some sort. I can't imagine how they relate!

Top Reply

Response title

Attachments

jQuery Forum

How to open multiple modals in the same window

Replies(3)

Re: How to open multiple modals in the same window

Re: Re: How to open multiple modals in the same window

Re: How to open multiple modals in the same window

Statistics

Tags

Actions