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

  • Profile Image
    stevenkessler
    Asked 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

  • Profile Image
    jonathan
    Answered 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
    jonathan
    Answered 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
    stevenkessler
    Answered 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
    jonathan
    Answered 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
    stevenkessler
    Answered on April 17, 2016 at 07:51 PM

    Perfect!

    Thank you, thank you!

  • Profile Image
    Charlie
    Answered 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.