Code to make the data boxes line up

  • MBWHS
    Asked on December 1, 2016 at 4:13 PM

    Hi 

     

    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?

    thanks

     

    Jotform Thread 1002020 Screenshot
  • Mike_G JotForm Support
    Replied on December 1, 2016 at 9: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.

  • Mike_G JotForm Support
    Replied on December 2, 2016 at 8: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.

    Code to make the data boxes line up Image 1 Screenshot 20

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

    Thank you.