Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Issues
Issues

Troubleshooting Multiple Pop-Up Modals on a Web Page

Avatar of Gustavo A.Gustavo A.
路

Hi, does anyone know how to overcome this issue: I want more than one pop up modal on the same page. On the test on the link below, once I close the modal, I can no longer click on any button. Does anyone know why? https://preview.webflow.com/preview/teste-01e38a?utm_medium=preview_link&utm_source=designer&utm_content=teste-01e38a&preview=46c8a1f201ea987f1eddb08476b04d93&workflow=preview Big thanks

4 comments

  • Avatar of Matt J.
    Matt J.
    路

    Gustavo A. I have this quick loom you can watch on this topic: https://relume.notion.site/How-to-add-multiple-modals-5012143c03f14e6da19f8cd3e23e7f3f?pvs=4

  • Avatar of Gustavo A.
    Gustavo A.
    路

    Hello Matt J. thank you for your reply. Yes, I watched and rewatched your video many times but I'm not getting it, sorry man rsrsrs. When I copy and paste Contact Modals 3, 4 and 5, all seems fine when directly pasted on Webflow from Relume. Please check https://preview.webflow.com/preview/teste-01e38a?utm_medium=preview_link&utm_source=de[鈥8476b04d93&pageId=66a048b08f21783a075665cf&workflow=preview Anyways, what I did not understand yet is: Why the trigger button on Modal 1 and 2 is not clickable after the modal is closed? What is the best strategy for having multiple modals: duplicate modal class names and interactions or is it possible to have one class/interaction for all modals with the same behavior but different content inside. Thanks

  • Avatar of Matt J.
    Matt J.
    路

    Gustavo A. no problem. The key to this is what I show at 6 min mark. You want to make sure that the class selection is "All elements with this class". https://www.loom.com/share/ec6de49b7c774e569c0bbf822e93b1ec?t=364&sid=e2a3b3ad-98ca-4fc4-a87b-5efef7725ae6 Looks like you've done this for all modals except the first 2. So double check that part and it should be good.

  • Avatar of Gustavo A.
    Gustavo A.
    路

    Thanks Matt J. all set and clear now!