Skip to main content
Jo_Pitts1
Jo_Pitts1
Community Manager
Mar 13, 2018 2:30 AM UTC
Solved

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

SanfordWhiteman
SanfordWhitemanAccepted solution
Level 10
Mar 13, 2018 4:48 AM UTC

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:

View reply

3 replies

SanfordWhiteman
SanfordWhitemanAccepted solution
Level 10
Mar 13, 2018 4:48 AM UTC

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:

Translate
Jo_Pitts1
Jo_Pitts1Author
Community Manager
Sep 4, 2019 9:20 PM UTC

@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?

Translate
SanfordWhiteman
SanfordWhiteman
Level 10
Sep 5, 2019 6:55 AM UTC

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).

Translate
Terms & ConditionsAccessibility statement

Loading footer...