Why are different browswers affecting my form?

  • Profile Image
    Asked on January 19, 2012 at 09:41 AM


    I am having some trouble with my form that I created. There is a voting mechanism in the form, however we are noticing problems with different browsers. FOr example, internet explorer has the SUBMIT button and works fine. Firefox has NO SUBMIT button but you can press ENTER to vote. On Google Chrome, there is NO SUBMIT button and you can't hit ENTER to vote. Please advise immediately, as we have this form live and are tallying votes.


    Thank you

  • Profile Image
    Answered on January 19, 2012 at 11:52 AM

    Is the form embedded in a web page? While viewing the form at its own URL, the button was visible in both Firefox and Chrome. Moreover, additional tests performed at BrowserStack in versions of those browsers not available on my system, also showed no problems. So, I'm guessing it's likely an issue of the web page affecting the form's display.

    However, without the benefit of seeing the page, I can only suggest replacing the current form code with its iFrame equivalent. If that doesn't work, please provide the URL of the web page and we'll have a look at the source to see if we can pinpoint the cause.

  • Profile Image
    Answered on January 19, 2012 at 02:32 PM

    Hmm, OK. I didn't try embedding the iFrame equivalent because I was worried it might somehow mess up the voting or mess up the numbers we already have tallied in the report. However, I have pasted the link below which shows the jotform embedded on our blog (blogger.com).


    If you're able to take a look and see whatt he underlying cause is, please let me know. If you still can't figure it out after viewing the webpage, can you walk me through embedding the iFrame code.



  • Profile Image
    Answered on January 19, 2012 at 04:05 PM

    Well, the source of that page shows that it's already embedded via an iFrame. So that's not the problem. The thing is, I can view the submit button in all versions of Firefox and Chrome on that page too.

    UPDATE: One of my colleagues (fxr) has alerted me to the fact that if the page is zoomed in Chrome, the button disappears. He said the fix is to explicitly set the form's height. Try injecting the following CSS and see if it helps:

    .form-all {
    height: 8420px;

    (If it doesn't work, try increasing the value - highlighted in red)