Why are the fields misaligned on our form?

  • cpohts
    Asked on May 28, 2019 at 6:57 AM

    I have a few new hire forms I've created on my account which I've used for years.  The fields now appear off alignment (I havne't changed anything since creating the forms years ago).  Why do the single selection fields now appear incorrectly and how do I fix this?

  • Kiran Support Team Lead
    Replied on May 28, 2019 at 9:43 AM

    It seems that there is an update made to the template or the CSS theme applied to the template. 

    Please try injecting the following CSS code to the form and the radio button fields should be displaying on the form 60555473410148.

    #cid_32, cid_35 {

        display: flex;

    }

    Thanks!

  • cpohts
    Replied on May 28, 2019 at 10:11 AM

    Forgive me, but does it matter where I enter this code?

  • cpohts
    Replied on May 28, 2019 at 10:21 AM

    I entered the code, but it didn't correct all the fields.

  • VincentJay
    Replied on May 28, 2019 at 10:54 AM

    I cloned your form and I was able to replicate the issue. I can see that this is happening on all single choice fields (radio button).

    1559054939aligning fields Screenshot 10

     Please try to inject this custom CSS codes in order to fix the issue.


    .form-radio-item, .form-checkbox-item {
    float: none;

    }


    If you would like to learn more about injecting custom CSS codes, you will find this link very helpful: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    After applying this custom CSS codes, you should see that the radio buttons are now properly aligned.

    1559054976aligning fields1 Screenshot 21

     I hope this helps. Thank you!