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

  • Profile Image
    Asked on August 27, 2016 at 04:37 PM


    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?



  • Profile Image
    Answered on August 27, 2016 at 08: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;




        white-space: normal;

    Your form will display like this: 

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


    I here is the link to my cloned form where you can see the code applied: 

    Hope this helps.