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.
Why drop-down fields changing places on Preview?Asked by BxClinic on March 15, 2016 at 08:43 AM
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.
JotForm changing places drop-downs
Try to put this CSS in your Custom CSS field:
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.
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.