Code to make the data boxes line up

  • Profile Image
    MBWHS
    Asked on December 01, 2016 at 04: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

     

  • Profile Image
    Mike_G
    Answered 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
    Mike_G
    Answered 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.