How can a create a line up q's in a grid

  • MBWHS
    Asked on August 27, 2016 at 4:37 PM

    Hi 

    i want to create a form with q's like the one on the pdf attached. Is there a widget that helps line up the fields so its aesthetically pleasing? ie not all over the place?

     

    thanks

    Jotform Thread 918481 Screenshot
  • Kevin Support Team Lead
    Replied on August 27, 2016 at 8:22 PM

    I can see you're already displaying the fields in your form inline, beside to what you have already done, you may also inject this CSS code to your form: 

    .form-line:not( [data-type="control_button"] ) {

        width : 49%;

        margin-left : 1px;

        height: 150px;

    }

     

    .form-line-column{

        white-space: normal;

    Your form will display like this: 

    How can a create a line up qs in a grid  Image 1 Screenshot 20

    This guide will help you to inject the code to your form: 

    How-to-Inject-Custom-CSS-Codes

    I here is the link to my cloned form where you can see the code applied: https://form.jotform.com/62397424818970 

    Hope this helps.