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 not aligning

    Asked by thealbumcreator on July 10, 2012 at 03:45 PM

    Hi, for some reason my fields are misaligned. They never used to be but all of a sudden they have changed.  The problems are in my 'contact' form are that I cannot get my email field lined up with the subject field, and in the upload form, the email field is dropping below the name field even though I originally set it up to run alongside it.  I want the forms to be identical in size and width

  • Profile Image

    Answered by pinoytech on July 10, 2012 at 03:57 PM

    Hi,

    Do you mind if we ask you to provide us your Form URL for further assistance?

    Thank you!

  • Profile Image

    Answered by thealbumcreator on July 10, 2012 at 04:04 PM

    the upload url is http://www.thealbumcreator.com/#/upload/4561339660

    the contact url is http://www.thealbumcreator.com/#/contact/4561298950

     

    what is odd is that the upload form looks correct in google chrome but incorrect in internet explorer?

  • Profile Image

    Answered by thealbumcreator on July 11, 2012 at 02:22 AM

    Csn anyone help?

  • Profile Image
    JotForm Support

    Answered by jonathan on July 11, 2012 at 06:02 AM

    Hi,

    Have you tried using 'script' as the embed method?

    Or if you are using iframe code, can you try generating a new iframe code for the upload form and re-embed it again. Then test view them in IE.

    Please inform us if the issue persist.

    Thanks.

  • Profile Image

    Answered by thealbumcreator on July 11, 2012 at 06:22 AM

    Hi, I am using the iframe method as recommended previously and I have re-embedded it.  The problem still persists!

  • Profile Image
    JotForm Support

    Answered by jonathan on July 11, 2012 at 06:47 AM

    Hi,

    Can you please try changing the URL of the form from http://form.jotformeu.com/form/20824497494363 to http://www.jotformeu.com/form/20824497494363 in the iframe code...

    I am sorry if it seems vague(but worth a try...), my option is limited in checking source in your website URL.

    I'll check further what I can. Please inform me if the latest suggestion have positive effect.

    Thanks.

  • Profile Image

    Answered by thealbumcreator on July 11, 2012 at 07:03 AM

    With my upload form, the problem is the email field simply isn't lining up with the subject and message field in jotform, not how it is embed.

    The contact form could well be an embedded issue. But these are both embeded in the same way so why is there an issue with one form and not the other?

  • Profile Image

    Answered by glagrow on July 11, 2012 at 07:33 AM

    Both forms are lining up ok for me in IE 9

  • Profile Image
    JotForm Support

    Answered by jonathan on July 11, 2012 at 07:51 AM

    @thealbumcreator

    Can you please try increasing the width of the Upload form to '480'

     

    I noticed that the 2 form are actually the same, only that the upload form have an upload field added. But when I view the forms in my editor, the upload form email field is also not on same line with full name field... that is how I noticed the difference in the form width.

    Please try increasing the width and update the embedded form using same iframe code.

    Thanks.

    @glagrow

    Thank you for the input. But I could also reproduce the not align issue on my IE 9.

  • Profile Image

    Answered by thealbumcreator on July 11, 2012 at 08:38 AM

    Thanks, this has partially resolved the issue.  I have been using chrome and IE7 which could be why it appears differently in IE8. However, since changing the form width it now appears correctly in IE7 too.

    The problem I now have is that in both forms the 'email' field over hangs the message field. How can I get this to line up? Thanks

  • Profile Image
    JotForm Support

    Answered by jonathan on July 11, 2012 at 08:47 AM

    Please try changing the label alignment of message field to Top

    I think it would be much better if you can change them all to TOP (base on your form design). You can do this by going to 

    1. Setup & Embed

    2. Preferences

    3. Field Styles

    4. Label alignment

    5. Make the value Top

    Save the Form and re-embed using iframe code.

    Thanks.

  • Profile Image

    Answered by thealbumcreator on July 11, 2012 at 09:14 AM

    I've changed this but the email field still overhangs the message field in both forms

  • Profile Image
    JotForm Support

    Answered by jonathan on July 11, 2012 at 09:25 AM

    I am seeing them now properly on IE on my end...

    Please try refreshing the page or clearing browser cache.

    Thanks.

  • Profile Image

    Answered by thealbumcreator on July 11, 2012 at 09:43 AM

    Yes that's how it looks.....your screen grab clearly shows the email field over hanging the message field.  They dont line up correctly along the right hand side. How can I get the email field to line up with the message field on both forms?

  • Profile Image
    JotForm Support

    Answered by NeilVicente on July 11, 2012 at 11:24 AM

    @thealbumcreator

    In the CSS codes you injected to the form, try decreasing the widths of #input_4 to 168px

    #input_4 {
        max-width168px;
        min-width168px;
        width168px;
    }
  • Profile Image
    JotForm Support

    Answered by jonathan on July 11, 2012 at 05:12 PM

    @thealbumcreator

    Hi, please try as NeilVicente suggested. I tested it on my form and it works.

    Please inform us if there are still issue.

    Thanks.

  • Profile Image

    Answered by thealbumcreator on July 12, 2012 at 04:48 AM

    Sorted, thanks!