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

    Fields overlapping in Chrome

    Asked by fourleaf on October 12, 2011 at 05:49 PM

    I'm running IE9 and also Google Chrome (Ver. 14.0.835.202 m)

    Everything looks fine in IE9, but all my fields overlap in Google Chrome.  I don't have any shrunken fields.  I am using conditions to show fields.

    http://form.jotform.com/form/12764410189 is the page and form I'm having a problem with.

     

    Thanks in advance for any help.

     

    Page URL:
    http://form.jotform.com/form/12764410189

    Screenshot
  • Profile Image

    Answered by yasinco on October 12, 2011 at 06:02 PM

    It's fine now I think you edited it.

    ~Yasin 

  • Profile Image
    JotForm Support

    Answered by abajan on October 12, 2011 at 06:04 PM

    @fourleaf Are you okay with this solution or did you want to have a separate number field?

  • Profile Image

    Answered by fourleaf on October 12, 2011 at 06:19 PM

    No it isn't working.  When you pick a state the 3rd field overlaps on top of the 1st field.  Looks fine in IE.

     

     

  • Profile Image

    Answered by fourleaf on October 12, 2011 at 06:24 PM

    Sorry - should have specified that it happens when you pick the 2nd drop down.

  • Profile Image

    Answered by fxr on October 12, 2011 at 07:44 PM

    hi fourleaf.

    Its really odd seeing a form 'break' in Chrome but work great in IE, so congratulations on that!

    Anyways. 

    Try putting .form-line {display: block;} into Inject Custom Css in Preferences -> Form Styles

    e.g

     

    It seems to have fixed it on my cloned version of your form, but we wont know for certain until you try it. Let me know.

  • Profile Image

    Answered by fourleaf on October 12, 2011 at 08:22 PM

    Perfect.  That worked on my end and all appears the same in both IE and Chrome.  Thanks for the answer!