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

    firefox misallignment

    Asked by alvincosio on June 11, 2013 at 05:25 PM

    Hi,

    when i viewing my form in firefox it display incorrect. misalign one textbox. but when i view it in safari, ie, chrome it works fine. i upload the firefox view

     

    thanks,

    Screenshot
    textbox thanks
  • Profile Image

    Answered by pinoytech on June 11, 2013 at 08:25 PM

    Hi,

    Sorry for the inconvenience that may have caused. Can you please provide us your website URL where your form embedded for further assistance?

    Thank you!

  • Profile Image

    Answered by alvincosio on June 12, 2013 at 10:06 AM

    http://sit.moonfruit.com/contact/4577056164

     

    that is the url

     

    Thanks

  • Profile Image

    Answered by khrisell on June 12, 2013 at 10:32 AM

     

     I would suggest to re-embed your form using iframe embed code. This should help fixed this issue. Getting the Form iFrame Code
  • Profile Image

    Answered by alvincosio on June 12, 2013 at 10:39 AM

    Hi,

    I tried to re-embed the form using iframe, but the same result. there still the firefox misalignment.

  • Profile Image

    Answered by jefreylandicho on June 12, 2013 at 10:52 AM

    The caused of the misalignment is probably because of the width is not equalized for each field. Browser tends to work differently in accepting width:auto element causing this to happen. Please try adding the CSS code below in your form styles to add a fixed width for each form line column and see if it resolves the issue.

    .form-line-column { width:400px; }  

    or 

    .form-line-column { width:400px !important; }

    To add the CSS code in your form go to Setup and Embed> Preferences Icon then click the Form styles tab and add the CSS code in the text area.

    If the issue still persist, please contact us again.

  • Profile Image

    Answered by alvincosio on June 12, 2013 at 10:56 AM

    wow. it works. thank you very much. i appreciate it.

     

    :D