What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

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.


  • Profile Image

    Lightbox embed button is not working in Firefox or IE, but is working in Chrome and Safari

    Asked by stevenkessler on April 16, 2016 at 06:16 PM

    Please see  http://the5personalitypatterns.com/5PP-workshop.htm

     

    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,

    Steven

    Page URL:
    http://the5personalitypatterns.com/5PP-workshop.htm

    feedback button script conflict lightbox
  • Profile Image
    JotForm Support

    Answered by jonathan on April 17, 2016 at 12:04 AM

    Hi Steven, 

    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.

  • Profile Image
    JotForm Support

    Answered by jonathan on April 17, 2016 at 12:25 AM

    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.

  • Profile Image

    Answered by stevenkessler on April 17, 2016 at 03:49 PM

    thanks.

    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?

  • Profile Image
    JotForm Support

    Answered by jonathan on April 17, 2016 at 05:04 PM

    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;

        padding:5px;

        background:url(overlay.png) repeat-x center #ffcc00;

        background-color:rgba(255,204,0,1);

        border:1px solid #ffcc00;

        -moz-border-radius:10px;

        -webkit-border-radius:10px;

        border-radius:10px;

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

        cursor:pointer;" />

     

     

    Let us know how it goes.

  • Profile Image

    Answered by stevenkessler on April 17, 2016 at 07:51 PM

    Perfect!

    Thank you, thank you!

  • Profile Image
    JotForm Support

    Answered by Charlie on April 17, 2016 at 10:18 PM

    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.