Streaming live at 10am (PST)

Modal not working properly


#1

Hey guys/girls,

I’m trying to create a modal for staff on my website that fetches image and text from a CMS/collection list. I’ve managed to get the modal pop-up to work, but it fetches info for the wrong person, and doesn’t centre itself on the page and stay centred (absolute) as it does in the webflow editor.

It appears to be opening all of the modals on the page at once, with the very last one being the one that is displayed. Perhaps?

Here’s the offending page (scroll down to the staff photos): http://roberts-limbrick.webflow.io/about

Here’s the share/read only link: https://preview.webflow.com/preview/roberts-limbrick?preview=17cf1ed66cc0eb6e9c6cc667f77ae01f


#2

Anyone got any idea why this might be?


#3

Thanks anyway guys. Will keep looking.


#4

Hey @Macker !

Sorry for delay. Every-time I open your project, my chrome and or Safari shit’s itself on the about page. So I can’t really see what’s goin’ on there. I assume you are using hidden div block ( which is your modal ). Anyhow i quickly scrambled a functional IX2 interaction CMS modal. ( Please ignore design - as i made it just so you can understand the setting )

So here are some stuff that needs to be where it is - such as Closing Modal, and the modal itself.

My structure is this :

< CMS Wrapper >

< Close button ></ Close Button> <- _click to close button and modal_

<CMS ITEM> <- _Interaction - click to open button and modal_ 

note that i have chosen on interactions to affect children, otherwise it will open all of modals inside cms-items

  <Your Team card> Your images, stuff, text </ Your team card>

  <Modal> Images, stuff, bio , etc </Modal>

</CMS Wrapper>

Live preview : http://magic-land-of-design.webflow.io/cms-modal-popup

Project (CMS Page): https://preview.webflow.com/preview/magic-land-of-design?preview=1eb54eaf554f2dad777e5073677ef6d6

You can take a look here Waldo’s explanation: http://modal-tutorial.webflow.io/

Hope this helps.


#5

Thank you so much! I will have a look at it as soon as possible.

I wonder why you’re having a problem with the about page? Works fine here on mine and my colleagues PC’s.