Formsnap in a lightbox?

I have put a FormSnap 4 form into a Limelight Lightbox, but it understandably covers the on-screen message when the form is submitted.

Hence, when in a lightbox, it appears as if nothing is happening once the form is submitted. Making the lightbox transparent doesn’t really help as the form fields also cover the message.

I then created success and failure pages which the form diverts to, but as this takes around 10 seconds it could really do with some pre-loader animation or message. Any suggested workarounds appreciated.

@yabdab

Hi @manofdogz,

If the Formloom success and failure message boxes are targetable using CSS (they usually are, but I don’t have Formloom so I can’t check the class names for you), you should be able to target them and give them a higher priority on the Z-axis.

This way, the box will overlap the lightbox and be visible to the visitor.

Cheers,
Erwin

1 Like

Thanks for this - Just to clarify it’s formsnap not formloom. I was hoping this would be the case. Hopefuly Yabdab will have a solution.

Whoops, meant to type FormSnap!

For anyone else reading this: the solution would work for Formloom too. :wink: