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

    How to set the same size for all the fields

    Asked by cands on October 06, 2014 at 03:49 AM

    Hi

    http://form.jotformeu.com/form/42658002542348

     

    I though I had managed to sort the alignment issues but I haven't.

    Please can someone help me center the form both vertically and horizontially within the border?

    Many Thank

    D

    alignment field size
  • Profile Image
    JotForm Support

    Answered by jonathan on October 06, 2014 at 05:12 AM

    Hi,

    From what I can see, everything seems to be symmetrical and centered already

     

     

    Can you please share to us a screenshot on how it was NOT centered on your browser?

    The screenshot should help us understand which side is still not centered.

     

    Thanks.

     

  • Profile Image

    Answered by cands on October 06, 2014 at 06:04 AM

    Hi

     

    I haven't uploaded it yet, but this is a screenshot in IE, it' almot there but I need to increase the top padding so that it is vertically centered:

    [IMG]http://i59.tinypic.com/2vx3dd5.png[/IMG]

     

     It is completely messed up in IE:

    [IMG]http://i61.tinypic.com/5pfx9u.png[/IMG]

     

     

  • Profile Image
    JotForm Support

    Answered by ashwin_d on October 06, 2014 at 06:34 AM

    Hello cands,

    Please inject the following custom css code in your form to set the field width for IE:

    .form-textbox {

    width: 330px !important;

    }

    .form-textarea {

    height: 90px !important;

    width: 330px !important;

    }

    I see that you have already injected custom css in your form to add the padding but there was a syntax error which I have already fixed. Please check and see if you need any other changes.

    Thank you!

  • Profile Image

    Answered by cands on October 06, 2014 at 10:18 AM

    Hi

    I deleted all but the form that was closest because I was confusing myself :)

    This is the only form I have in my account now:

    http://form.jotformeu.com/form/42782616381358

    I added the css you posted but it is till messed up in IE. Did I do something wrong?

    Thanks

    D

     

     

  • Profile Image
    JotForm Support

    Answered by david on October 06, 2014 at 11:29 AM

    Hi,

    It appears as though IE may be forcing some other CSS based on the width of your form.  You can try adding this CSS to force the width of your fields and the labels to the left for all fields:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-line {

    width: 430px !important;

    }

    .form-label-left{

    width:100px !important;

    }

    This may cause the form to look a bit off in the form builder but it should force the proper look in your browser.  You can also adjust the forced width until it each line fits.

    If this still does not help, let us know and we will be happy to see what else we can do.

  • Profile Image

    Answered by cands on October 06, 2014 at 03:45 PM

    Hi

     

    Still no look, it's sill the same in IE:

  • Profile Image
    JotForm Support

    Answered by david on October 06, 2014 at 04:37 PM

    I checked a bit more and it appears as though some of your fields have the label set to automatic.  Changing them to align to the left, may also fix this:

    I loaded your form in IE8 after changing all your fields to align left and it did appear to be formatted properly.

    If this still does not allow you to have the form looking as you wish, let us know and we will be happy to see what we can do.

  • Profile Image

    Answered by cands on October 06, 2014 at 05:10 PM

    Hi

    Tried that too and still the same :(

  • Profile Image
    JotForm Support

    Answered by Mike_T on October 06, 2014 at 05:48 PM

    I have updated a width to 320px for textbox and textarea on your custom form CSS:

    .form-textbox {
    width: 320px !important;
    }

    .form-textarea {
    max-width: 320px !important;
    min-width: 320px !important;
    }

    It seems to be fine now in Internet Explorer.

    If you need any further assistance, please let us know.

  • Profile Image

    Answered by cands on October 07, 2014 at 08:20 AM

    Thank You :)

    All looks good now.

    Again thanks to everyone.

    D

  • Profile Image
    JotForm Support

    Answered by ashwin_d on October 07, 2014 at 09:54 AM

    Hello cands,

    On behalf of my colleague, you are welcome.

    I am glad to know that your issue is resolved.

    Do get back to us if you have any questions.

    Thank you!