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

    Forms Displaying Odd In FF

    Asked by gsthunder on May 06, 2014 at 10:19 AM

    I use JotForms for Contact and Feedback on some of the websites I do and they have always worked fine in both IE and FF. Never had a problem with FF before that I can recall. All of a sudden the forms in FF are displaying much larger than they used to and not fitting where they have always previously fit?

    They are either too wide, things are not on the correct lines( i.e. more lines than I have ), they are too long, or all of the above. They all still show fine in IE( all versions tested )but in FF it is a no go? Could someone check things out and let me know what happened or what I need to do to fix it? As said I have always used them in this manner and it has always worked. Just recently it no longer will in FF?

    I use <IFRAME> to insert the forms and use the same basic code and just add the correct address for the form needed. You can see what is happening on all my sites using the link below that shows one of them( the worst )with the issue at hand...

    http://www.exetersportsmansclub.com/page2.htm

    BTW - was using FF 27 something and updated it to most recent( 29.0 )to see if that helped but no change seen.

    Thank you in advance.

    IE Proper Display:

    [URL=http://s55.photobucket.com/user/gsthunder/media/IEWorks_zpse7627ca2.jpg.html][IMG]http://i55.photobucket.com/albums/g159/gsthunder/IEWorks_zpse7627ca2.jpg[/IMG][/URL]

    FF Improper Display:

    [URL=http://s55.photobucket.com/user/gsthunder/media/FFDoesntWork_zpsd5619434.jpg.html][IMG]http://i55.photobucket.com/albums/g159/gsthunder/FFDoesntWork_zpsd5619434.jpg[/IMG][/URL]

    Page URL:
    http://www.exetersportsmansclub.com/page2.htm

    FF problem jpg check Updated
  • Profile Image

    Answered by EliezerN on May 06, 2014 at 12:19 PM

    Hi,

    I checked your site and I was able to reproduce the issue. The problem is related to the form width, it is set to 825px and it just needs around 715px, so it currently has extra space of 110px.

    In order to resolve the issue simply inject this CSS code to your form:

    .form-all

    {

    width:715px !important

    }

    Here is how to inject CSS codes to forms: How to inject custom CSS codes

    Please inform us if the issue still perists.

    Thanks

  • Profile Image

    Answered by gsthunder on May 07, 2014 at 06:50 AM

    I did what you said, and I even manually resized the form and it still isn't right. Better but too long in FF. If I shorten it up in FF it is going to be too short in IE. I have this same issue with the other forms on my other sites in FF too. They are too long in FF.

    Oh, and thank you for the help.

  • Profile Image
    JotForm Support

    Answered by Welvin on May 07, 2014 at 09:46 AM

    Hi,

    I've fixed the field alignments, but the bottom part issue has something to do on your page elements. What is your website builder? Maybe, you can drag the elements below your form down to the bottom. The page consists of too many elements and all are separate to each other. 

    Please kindly check the changes and let me know if it still overflows at the right side.

    Thanks

  • Profile Image
    JotForm Support

    Answered by Welvin on May 07, 2014 at 09:47 AM

    I forgot to mentioned that I have injected the following custom CSS codes to the form so to fix the widths:

    http://pastiebin.com/536a395fd318f

    Thanks

  • Profile Image

    Answered by rdqh on May 08, 2014 at 10:07 AM
    The width/overflow issue was fixed after the 1st response. The only issue left is how long/tall/high the form is when viewed in FF. The bottom of the form sticks way down past where it should. Strange as it is a perfect fit in IE and other browsers???
     
    If I shorten it up( remove space in text field for message )so it lines up in FF it will look odd in IE.
     
    I use Xara to make my sites and the forms are inserted using iframes.
    Note - I accidentally answered this logged in to the wrong account. Sorry. I am the OP( gsthunder ).
  • Profile Image
    JotForm Support

    Answered by EltonCris on May 08, 2014 at 11:43 AM

    @gsthunder

    Because textarea is a little bigger and wider on FF compared to any browsers. That's one of firefox textarea default style.

    Injecting the following CSS code to your form should fix it.

    .form-all textarea {

    max-height: 145px;

    }

    Hope this helps!

  • Profile Image

    Answered by gsthunder on May 08, 2014 at 04:01 PM

    Setting max height solved the last problem.Thank you very much to all.