Hello there,
I am trying to create an “our team” section for a digital agency website, where when you click on each team member, a modal pops-up with their bio (like this website for example).
The problem I am running into is that I can’t figure out how to trigger a different reaction (a separate modal) for each team member, as the team members are collection Items.
what is the best way to achieve the desired result?
thanks a lot, and sorry if I didn’t post this properly, I’m new to this forum…
Hi @Jonathan42, this tutorial from Jose Ocando may be helpful: Drawers, Flyouts, and Hidden Menus | A Webflow Tutorial (Re-upload) - YouTube
To sum it up, you can create the modals inside of the Collection Item for each team member and display/hide with interactions.
thanks! that was super helpful. I’m still having a small issue that the animation (closing and opening the drawer) only works the first time. does it make sense that is just happening bc I am on demo mode and not a live site?
in any case thanks a ton, that video was exactly what I was looking for!
I’m glad the video was helpful!
The interaction should still work even before the site is live. Can you share your read-only link?
what I’m talking about is in the “our team” section. thanks!
Thanks for the link!
The issue is that your Drawer Open animation has Hide/Show set as part of the initial state - I made a screencast of how to fix here: https://www.loom.com/share/72461a4cf3434cd292b813754dc0dda3
that did it, thanks!