Why drop-down fields changing places on Preview?

Hi Guys,

I have a form which is shoeing elements in the same order when previewed :-(

The form is : https://form.jotform.com/BxClinic/prescription-bxfix

Problem 1: Elements are swapped:

Here are some screenshots showing how elements are being swapped:

http://take.ms/yXuzx - When creating the form, Left and Right are correct

http://take.ms/uNwVq - When previewing the form, they're reversed

Problem 2: Elements become separated:

http://take.ms/TxjQh - When creating the form, they're next to each other

http://take.ms/iXrBC - When previewing the form they become separated when other answers are completed.

I'm lost and don't know how to proceed.

Regards,

James

Try to put this CSS in your Custom CSS field:

.form-col-3 {

float: left !important;

}

To do that please log in to your form builder and go Preferences:

Click Form Styles and in "Inject Custom CSS" field paste the above CSS.

That should fix your fields changing places and it looks like this after:

Hope it helps, please let me know how that worked for you.

Hi Nik,

I think I replied to you my email, but in case I didn't, MANY THANKS! 

My sanity is restored :-) 

Have a great day

I'm glad my colleague, Nik, was able to help you :)

If you needed our help again, please do not hesitate to open a new thread here in the forum.

Cheers!