How do I split my form in two columns for easy navigation?

  • Profile Image
    Asked on March 08, 2017 at 06:42 PM

    Form URL:

    As you can see, I've got about 20 different dropdowns and file upload options populating dynamically based on the selection made in the "Project Type" dropdown. I want to split all of the populating dropdowns in two or three columns to make the layout simple and avoid having the user to scroll too much. It is getting confusing that way and also when I am trying to add new fields at the bottom.

    I have tried to shrink both the dropdowns and fileupload fields next to each other, but they do not show up exactly next to each other and get misaligned. You will see what I am saying once you try it out. I tried increasing pixel values for many parameters after downloading the source code but to no avail.

    Please help.


  • Profile Image
    Answered on March 08, 2017 at 10:04 PM


    I cloned your form and I was able to split your form into two columns by shrinking both dropdowns and file upload. All you need to do is to shrink and move into new line the dropdowns. Please see the gif image below:

    Let us know if you need further assistance.