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.

  • Profile Image

    Code to make the data boxes line up

    Asked by MBWHS on December 01, 2016 at 04:13 PM



    would it be possible for you to give me some code to make the following fields line evenly...like they are embedded in a table?



    Page URL:

  • Profile Image
    JotForm Support

    Answered by Mike_G on December 01, 2016 at 09:32 PM

    Please give me some time to work on a custom CSS codes necessary to align the fields in your form that is shown in the image above. I'll update you in this thread as soon as I find the resolution to your issue.

    Thank you.

  • Profile Image
    JotForm Support

    Answered by Mike_G on December 02, 2016 at 08:41 AM

    I'm sorry for the delayed response. The custom CSS codes below should fix the issue you're having.

    #id_400, #id_406, #id_408, #id_410, #id_412, #id_414, #id_416, #id_418, #id_420, #id_422, #id_399, #id_598 {

    max-width: 207px !important;

    background: light-blue;


    To inject custom CSS codes to your form, please check this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    The screenshot below shows how it should look like after you added the codes above to your form.

    I hope this helps. If you have any other questions regarding this, please feel free to reply back to this thread anytime.

    Thank you.