Form not always viewable in Firefox

  • Profile Image
    peacefulpaws
    Asked on August 27, 2012 at 03:48 PM

    We've been having complains from users that they couldn't complete the form online. I removed the page breaks, but asked someone to test in the top 7 brwoserversion combinations for us. Here's what he found:

    In Firefox, a scrollbar doesn't appear if it opens in a new window, so I can only fill out as far as I can see, which on my monitor is pretty far but most people are only going to see down to around the name & contact # of personal references.  It works fine if I right click the 'Apply to Adopt' button and choose 'Open in New Tab' or 'Open in New Window' but won't if I just left click it.  In that case it opens in a new window, but no scrollbar.  It's a different kind of window than the 'Open in new window' window, but I don't know the terminology.

  • Profile Image
    NeilVicente
    Answered on August 27, 2012 at 05:10 PM

    Actually, there is nothing wrong with the form, as far as JotForm is concerned. The problem is with the pop-up script on your site:

    <script language="javascript" type="text/javascript">
    <!--
    function popitup(url) {
        newwindow=window.open(url,'name','height=600,width=300');
        if (window.focus) {newwindow.focus()}
        return false;
    }

    // -->
    </script>

    As you can see, the said script opens a 600x300 window and does not allow for scrollbars. Because this script loads for all your pages, changing it will affect all links that use it.

    I suggest that you ask your website developer to create a separate popup script for the form that will allow it to display properly.

  • Profile Image
    peacefulpaws
    Answered on August 30, 2012 at 08:46 AM

    I've opened the link from several different pages within the website and haven't run into the problem--since I'm not calling a popup, just specifying the window name in which to open, the parameters of the popup should not apply, right? I will go check every link I can find to see if one is calling that script but I haven't hit on one yet.  Would there be any other reason for the no scroll bars/no submit?

  • Profile Image
    aytekin
    Answered on August 30, 2012 at 03:17 PM

    OK, so this is the URL where you include the pop-up:

    http://www.peacefulpawsrescue.org/adopt.htm

     

    I don't think you have used the pop-up button code we provided, but you have used your own javascript. Unfortunately, we cannot support scripts written by a 3rd party. You should probably replace it with the one provided on the JotForm form builder. 

    There is a pop-up option under Embed Form button on the Form Builder. Please try that. 

  • Profile Image
    peacefulpaws
    Answered on September 03, 2012 at 11:55 AM
    Thank you all so much! I believe our issue has been resolved thanks to your
    response!
  • Profile Image
    gori-mathew
    Answered on September 03, 2012 at 01:50 PM

    Welcome and thanks for choosing Jotform!

  • Profile Image
    genesisd
    Answered on September 13, 2012 at 10:52 AM

    Hi,

    Would our issue with Firefox be caused by our own code also?

    http://www.genesisdirectioninternational.com/contact.xhtml

    This form loads fine in Chrome and IE for us, just not ok in Firefox.

    Thanks in advance,

    CJ

  • Profile Image
    NeilVicente
    Answered on September 13, 2012 at 11:05 AM

    @genesisd

    Indeed, the differences are caused by your own CSS codes.

    On another note, you seem to have applied new changes to your form, and it does not appear on your site. Can you please use the following embed codes for your form instead?

    <iframe scrolling="no" frameborder="0" src="//www.jotform.co/form/21623432401843" style="width:100%; height:563px; border:none;">
    </iframe>

    We might be able to help you make it display uniformly if we can see the changes right away.

  • Profile Image
    genesisd
    Answered on September 13, 2012 at 12:56 PM

    Thanks for the embed code, I have updated the file here:

    http://www.genesisdirectioninternational.com/contact.xhtml

    Looks like it is the css somehow affecting each of the 3 browsers in different ways. Weird, it worked up until yesterday when we noticed it looked different in Firefox.

    Well thanks anyway for looking into this, looks like its back to the drawing board for me!