Magnific-popup: Support multiple simultaneous popups

[battaglr]

Hi! Would be great if you can add support for multiple simultaneous popups. What do you think?

Keep up the awesome work!
Cheers.

[dimsemenov]

Hi!

I think:

• Two or more modals that are opened at once is a horrible UX.
• Implementation of this feature requires a bunch of extra code.
• Usually "inner" popup can be replaced by another component, e.g. by pattern called "modeless window".

Is there a specific case where you want to use it?

[battaglr]

Hi!

I agree, just thinking about overlapped modals feels wrong... I'm dealing with an app with a really complex flow, and the design team came out with that —sadly replacing content is not an option. I'll probably meet them to try figure out something else.

Anyhow, I think it's worth give some thoughts about multiple modals, for example: you have a modal in which you have to accomplish some task, for example, delete something, and would be great to have the possibility to reuse the same modal-message pattern to warn the users about the consequences of that action.

Just some ideas to consider. Again, awesome work, I'll follow the development really closely.

Cheers!

[vjrabanelly]

Hi there,

I have a similar issue related to content switch.

I'd like to know if it's possible to replace the content of the first modal after it's been opened by calling $.magnificPopup.open or $('#my_element').magnificPopup again ? It's useful to insert content from ajax responses handled separately or to navigate from inside the modal to a new modal content.

Is there any way to do this instead of just replacing the content and handling the events by hand?

I'm trying to replace jQuery Colorbox with your awesome plugin but I can't call $.magnificPopup.open several times as I did with $.colorbox...

Thank you for your really nice work!

Cheers

[dimsemenov]

@vjrabanelly Please create a separate issue, as it's a bit different from this one. Also, please post your full $.magnificPopup.open code so I can help you more.

[dimsemenov]

I close the issue as I'm not planning to add support for multiple lightboxes at once.

However I've added an option in last update, so when you call open on a popup that is already opened - it'll overwrite content.

[battaglr]

That's a nice feature!

Keep up all the hard work!

Cheers.

[LittleUmbrella]

I have the same use case (https://github.com/dimsemenov/Magnific-Popup/issues/36#issuecomment-17543096) as @ImBatta described above. In general, multiple modals is bad, but the specific case of needing confirmation from a user on a modal form is an exception. Right now I'm forced to look towards another dialog library to accomplish this.

[chawk]

same here, being told to design multiple modals, modals that open within modals. :(

[Shiyazudeen]

It was my tada moment when I thought I could use the magnific-popup to display the preloader gif centered to the responsive pages. Works great. The preloader is hooked up for many things, like audio, images, etc.

But here i am, stuck up when the popup modal has audio and i need to show the preloader for the audio - right there... two modals! I might use another lib only for displaying preloader centered to the screen :-|

It's a good to have feature. My vote for that :+1:

[franciscocorrales]

+1 on this request.
I need it cause I have a form in a pop up, and then on click on an input, I need to show another pop up with another information.
So the form (first pop up) should keep its data, and be visible like in background.

[ascottmccauley]

+1 as well.
I would like to use magnificPopup for image galleries, but include a button to allow users to buy prints of the current image. Right now I am using Foundation Reveal for the second popup, which works well except that magnificPopup keeps stealing the focus, so users cannot fill in the input fields (This is probably a separate issue).

From a UX perspective this is a normal flow.

[di5abled]

+1
my usecase is that the user fills in a form in the popup and want's to see eg. the conditions of participation which usually are quite long and can't be displayd after the form or something

[ipansensoy]

+1 to this feature

[willieoliveira]

It's nice you're worrying about UX's best practices! Extra points for you :)

...but we aren't in perfect world, unfortunately!
Couldn't you change your great plugin to allows us working the most scenarios we might find?

[goryny4]

+1
there are cases it's needed
for example you open a post popup on facebook and then you can open another popup with the list of users who shared this post

[guidokritz]

+1 to this feature

[garygreen]

+1 to this. Multiple popups seems like crappy UX but think about it... you want a popup and then you want another one for a confirmation box "would you like to delete this?"... or in a CMS system where you create a popup to edit the page's content and within that spawns another popup to open an image library to add an image within the original popup.

tldr; Multiple popups can be legit and would be a nice feature imo. If overlapping popups is the problem, it could keep track of the 'layers' and only show one popup at any given time, once closing one it shows the previous layer, etc. That way it won't look like multiple popups are open.

[ganeaioan]

Instead of using multiple popups can someone help me with the code for the next functionality. I want to open a new popup from inside an opened popup and when you close that new popup automate to reopen the old popup that was opened.

Thanks!

[mishalll]

+1