SOLVED

Pop up Lightbox from inside form

Go to solution
Jo_Pitts1
Level 10 - Community Advisor

Pop up Lightbox from inside form

Hi there all.

I have a form where the user has to tick a checkbox to acknowledge that they've agreed to the T&Cs.

What I'd love to do is have a 'I agree to the terms and conditions' and have a lightbox with the T&Cs pop up when they click on the 'link'.

Any thoughts on how best to achieve this?  I'm guessing Sanford Whiteman​ will have an epic answer in about 5 minutes

If it makes any difference, the form will be living on a Marketo LP.

Cheers

Jo

1 ACCEPTED SOLUTION

Accepted Solutions
SanfordWhiteman
Level 10 - Community Moderator

Re: Pop up Lightbox from inside form

Indeed there are zillions of ways to implement a modal/popup/lightbox (even multiple words for the same thing!).

You can get started with this CSS-only version: MktoForms2 :: Popup EULA

The popup's underlying content is all in one Rich Text field on the form:

pastedImage_1.png

pastedImage_2.png

View solution in original post

3 REPLIES 3
SanfordWhiteman
Level 10 - Community Moderator

Re: Pop up Lightbox from inside form

Indeed there are zillions of ways to implement a modal/popup/lightbox (even multiple words for the same thing!).

You can get started with this CSS-only version: MktoForms2 :: Popup EULA

The popup's underlying content is all in one Rich Text field on the form:

pastedImage_1.png

pastedImage_2.png

Jo_Pitts1
Level 10 - Community Advisor

Re: Pop up Lightbox from inside form

Sanford Whiteman‌, I've had this working for quite some time. 

However, now the client's T&Cs have changed, and there is both a link and an email embedded in them.  

This causes a problem as clicking anywhere in the popup closes it.

Thoughts?

SanfordWhiteman
Level 10 - Community Moderator

Re: Pop up Lightbox from inside form

You need to switch to a JS-driven solution then, there's only so far CSS will take you (tho' maybe could be done with pointer-events: none, it's a lot easier with JS once you're going there).