Efficient Use of Popups/Modals with Relume and Webflow

·

Hi There! Would anyone know of some helpful videos or articles on how to efficiently use popups/modals with Relume and Webflow?

7 comments

Matt J.
·
Quinn B. have you happen to see this video I did by chance? If not, let me know if this helped. https://relume.notion.site/How-to-add-multiple-modals-5012143c03f14e6da19f8cd3e23e7f3f?pvs=4 Happy to answer any additional questions this may not have answered and also I have added this question to a list of the next docs to write as we get this question frequently so we'll create a more proper doc for this question.
Quinn B.
·
Thanks for the video Matt J. I'll watch this and reach back out with any additional questions.
💪1
Quinn B.
·
Matt J. Thanks again for the resource. I was able to get to a certain point. My hold up now is I am not using CMS collections like you are in the video. But, I do have multiple modals on a single page. The issue I'm facing is being able to edit the modal content of each unique modal. What happens is that when I change the display from hidden to block, the modals stack on top of each other, and I can't edit the content of the modals below the top one. I tried giving each modal a unique style, but then that broke all of my interactions. Does that make sense?
Quinn B.
·
Here's a video that I hope explains it better.
Matt J.
·
the simplest way I can think of is to display block your modal class, and then add hide to the other modal components on the page. Just remember to revert those actions before publishing. If for some reason that doesn't work do display block on the modal class, and then go into settings > visibility hidden - again be sure to revert this before publishing.
Matt J.
·
Quinn B.
Quinn B.
·
Duh... that makes total sense. Thank you so much Matt J.
💪1