Multiple Columns for Gravity Forms

Description

This plugin requires the Gravity Forms plugin. Don’t use Gravity Forms yet? Buy the plugin and see your WordPress life take form!

Instructions on usage can be found at YouTube

This responsive-design plugin allows you to add multiple columns into your Gravity Forms form. Once this plugin is installed, you can create columns by using three new buttons – Column Start, Column Break, and Column End.

Screenshots

  • New Gravity Form with Multiple Columns Fields floating panel (collapsed).
  • Multiple Columns Fields floating panel close up (expanded).
  • Form showing new fields (Column Start, Column Break, Column End) added to form.
  • Example of a completed form, composed of Multiple Columns Fields and generic Gravity Form fields.

Installation

  1. In your WordPress admin panel, go to Plugins > New Plugin, search for “Multi Column” for WordPress, find the “Gravity Forms Multi Column” plugin and click “Install now”.
  2. Alternatively download the zip file, unzip, and upload the gf-form-multicolumn folder (and files) to your plugins directory, which usually is /wp-content/plugins/.
  3. Activate the plugin through your Plugins area.
  4. Create a new row of separated columns by selecting the Column Start button in the Multiple Columns Field box on the right-hand side of the Gravity Forms form page.
  5. Add the fields that you want in the column.
  6. Create a Column Break to separate to the next column, or Column End to end the column division and the field row.
  7. Repeat 4-6 as necessary.
  8. Click the Update button to save the changes.

FAQ

How many columns can I make?

We’ve tested 2, 3, 4 and 5 columns. Theoretically you can have more, although this will depend on your theme and the amount of screen space you have.

Could you give an example of how I would create 3 columns on a single row?

Add a Column Start field.
Add the field/s that are to be contained in the first column.
Add a Column Break field.
Add the field/s that are to be contained in the second column.
Add a Column Break field.
Add the field/s that are to be contained in the third column.
Add a Column End field

Could you give an example of how I would create 1 row with 2 columns, then a second row with 3 columns?

Add a Column Start field.
Add the field/s that are to be contained in the first column.
Add a Column Break field.
Add the field/s that are to be contained in the second column.
Add a Column End field
Add a Column Start field.
Add the field/s that are to be contained in the first column.
Add a Column Break field.
Add the field/s that are to be contained in the second column.
Add a Column Break field.
Add the field/s that are to be contained in the third column.
Add a Column End field

How do I ensure that a new row will occur at the end of my columns?

A row will be concluded with each Column End field.

Can I use this plugin with multisite?

From version 2.1.0 multisite is supported.

Which version of Gravity Forms is this plugin compatible with?

It has been tested with version 2.0.7 and above, but please do contact us if you’re experiencing a problem with your version of Gravity Forms.

Reviews

Just perfect

Works fine! Just 2min to read and understand the explanations written in the "installation" link on this plugin page, and it's ok! Great support too! Just perfect! Thanks thanks & thanks

Works fine and fast support

I didn't expect such a nice and fast answer after I asked for help when running into an issue. It was solved completely. Thank you very much for your help, much appreciated.

Great Plugin & Help

Hi All, I had some real trouble beyond the scope of work with integrating multiple columns in my website. I cannot say enough how amazing and awesome JJ is at webholism. JJ did not expect anything in return and just helped me because I needed it. Even though it was outside the scope we would work together on trying to make my Gravity Form work. If you did not give JJ and the team five (5) stars then you did not try and reach the team. There are always improvements in every single program so while every plugin may not be worth a five customer service will definitely help get you there. If you need something to work out of the box quickly and you do not have a complex form then this plugin is definitely for 100% worth it. If you need customization JJ may be able to offer you a different solution but this plugin will help get you by till you get a chance to customize your form with multiple columns. However, all that being said for a multi-column solution in Gravity Forms this is the best one I found and I am an amateur at coding but spent hours of time researching. Thanks JJ one million times thank you. -Smoothness007
Read all 19 reviews

Contributors & Developers

“Multiple Columns for Gravity Forms” is open source software. The following people have contributed to this plugin.

Contributors

Change log

3.0.3

Fix: Removed echo commands as these were causing update issues from within Gutenberg pages.
Improvement: Altered CSS to be more specific with class naming implementation.

3.0.2

Re-release of version 3.0.0.

3.0.1

Restored 2.1.1 as version 3.0.0 appeared to generate an Internal Server Error.

3.0.0

Restructured way that columns and rows are added to forms; native UI buttons are now integrated into the Gravity Forms interface.
Resolved a few issues that had been highlighted in previous versions:
Displaying multiple forms on a single page
Correct error handling when form id not present in shortcode
CSS enhancements to align list elements

2.1.1

  • Fix: Removed inaccurate output code that had been used for testing multisite functionality.

2.1.0

  • Fix: Removed Network: True value to allow activation on individual multisite sites.
  • Improvement: Introduced new CSS style: li[class*=”column-count-1″] > div > ul to remove left margin and padding rules.
  • Improvement: Improved readability of the readme.txt file instructions for setup.
  • Improvement: Added Plugin URI value to reduce chances of conflict with other plugins of similar naming convention.
  • Improvement: Changed name of plugin to align with recommendations provided by WordPress.

2.0.1

  • Fix: Altered primary file as array syntax [] was not functioning on sites with PHP version < 5.4.

2.0.0

  • Improvement: Introduced row functionality. Changes to primary php file and CSS definitions.

1.0.1

  • Improvement: Alterations to readme.txt
  • Improvement: Description altered in primary file.

1.0.0

  • Initial Release