Why drop-down fields changing places on Preview?

  • Profile Image
    Asked on March 15, 2016 at 08:43 AM

    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.




  • Profile Image
    Answered on March 15, 2016 at 10:41 AM

    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.


  • Profile Image
    Answered on March 16, 2016 at 05:19 AM

    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


  • Profile Image
    Answered on March 16, 2016 at 05:31 AM

    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.