Form builder field layout

 
1
0
-1

Hi,

I need to group similar fields together on one row on a form. How can I achieve the following layout in a single section?

3 columns and 3 rows. You will notice that field5 and field6 are at the same level as field4. 


Section1

Field1         Field2        

Field3

Field4        Field5         Field6


And a related question, can we have rows with different number of columns within one section?

    CommentAdd your comment...

    1 answer

    1.  
      2
      1
      0

      About the first part, you can see the attached picture.
      about the 2nd part, no you can't have different number of columns in the same section. You have to add a new section, remove its heading. It will look as it is the same column


      1. CF

        Hi,

        Can you please explain how you achieved this? When I do the drag and drop on the form builder I get

        Field1         Field2      Field6

        Field3         Field5

        Field4

        How to maintain the vertical space between Field2 and Field5?

      2. Anas Misbah Shami

        On the right top corner of the section, from where you can copy or delete a section, there is another button to add column. You can use that

      3. CF

        I did use the "Add Column" button to add my 3 columns. However my problem is that I cannot find any way to add the vertical space between field2 and field5. How were you able to do that? Are you using one section or three sections?

      4. Anas Misbah Shami

        Three sections. I removed the label of the section

      5. CF

        Ah ok. This is not exactly the solution that I was looking for as I needed this in a single section. The reason is that I am also using Section Tabs which does not support more than one section inside a tab. Thank you for your quick response.

      CommentAdd your comment...