How to set the same size for all the fields

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

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.

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]

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!

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

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.

Hi

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

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.

Hi

Tried that too and still the same :(

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.

Thank You :)

All looks good now.

Again thanks to everyone.

D

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!