JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Lightbox embed button is not working in Firefox or IE, but is working in Chrome and SafariAsked by stevenkessler on April 16, 2016 at 06:16 PM
On Win7, the yellow Register Now button on that page works perfectly in Chrome, but not in IE-11 or Firefox (latest).
On Mac 10.10.5, it works perfectly in Safari, but again not in Firefox.
Can you please point out what would make it work in IE and Firefox?
many thanks in advance,
I was able to reproduce the problem also when I test the Lightbox button form in your website using Firefox or IE11 browser.
The caused of the problem was due to script conflict that is happening between those existing jsscripts on your website page and the lightbox scripts of the form.
I workaround you may want to try first is to place the entire lightbox script of the form on the top most script of the page (before the other scripts)
see image below how I meant
Let us know if this did not resolve the issue.
I test further and I found that it was actually the "button" type tag you have used that was causing the malfunction of the lightbox text link failing to work.
I made a test page here without using the button input you used, and the lightbox form is launching as it should.
I made further modification and made the text link style like a button
So you just need to correct that part of the lightbox code on your page and it should work.
Let us know if you are not able to resolve it.
Your new code for the button does work in IE and Firefox, but it doesn't really look like a button. Is there a way we can give it more of the 3-D, rounded ends look of a button?
Can you please test it again on my test page here
I use this code for the button
<input class="lightbox-61045469091153" type="button" value="Register Now" style=" color:#08233e;
color:rgb(12, 40, 159);
font:2.4em Arial, Helvetica, sans-serif;
font-size:12px; font-weight : bold;
background:url(overlay.png) repeat-x center #ffcc00;
border:1px solid #ffcc00;
border-bottom:1px solid #9f9f9f;
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
Let us know how it goes.
Thank you, thank you!
I'm glad to hear that my colleague's code helped you :)
Should you need more assistance on this, please do let us know here. For other concerns and questions, feel free to drop by here in the forum. Thank you.