Title: Multiple Columns for Gravity Forms
Author: WebHolism
Published: <strong>سپتمبر 8, 2016</strong>
Last modified: سپتمبر 12, 2022

---

Search plugins

![](https://ps.w.org/gf-form-multicolumn/assets/banner-772x250.png?rev=1497218)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/gf-form-multicolumn/assets/icon-256x256.png?rev=1497218)

# Multiple Columns for Gravity Forms

 By [WebHolism](https://profiles.wordpress.org/webholism/)

[Download](https://downloads.wordpress.org/plugin/gf-form-multicolumn.4.0.6.zip)

 * [Details](https://ps.wordpress.org/plugins/gf-form-multicolumn/#description)
 * [Reviews](https://ps.wordpress.org/plugins/gf-form-multicolumn/#reviews)
 *  [Installation](https://ps.wordpress.org/plugins/gf-form-multicolumn/#installation)
 * [Development](https://ps.wordpress.org/plugins/gf-form-multicolumn/#developers)

 [Support](https://wordpress.org/support/plugin/gf-form-multicolumn/)

## Description

When activated this plugin allows Gravity Forms elements to be split into columns.
To implement the columns three new elements (Row Start, Column Break, and Row End)
which are introduced into the Gravity Forms administration area in a group labelled
as Multiple Columns Fields.

For each form, in its form settings it is possible to enable and disable the plugin’s
CSS and JS that are used by the plugin. The CSS file is responsible for the layout
of the form, and the JS file is used to remove unwanted spacing generated if using
conditional logic to hide form elements. It is advised to keep the CSS enabled at
all times, but the JS should only be enabled in the case of hidden elements through
the use of conditional logic.

** Note: Plugin no longer supports initial column specification using Sections in
versions 2 and before. If updating plugin from a version prior to version 3, the
form will need to be recreated with the current design definitions.**

**Note: If updating from version 3.0.3 or earlier. If the columns are not displaying
as expected, first please visit the Form Settings for each form and check the Enable
CSS checkbox.**

**Support this plugin by purchasing [Gravity Forms](https://rocketgenius.pxf.io/multicolumns)
now, using the affiliate link. No extra cost to you, and a big help towards supporting
this plugin.**

### Credits

A big thank you goes to K. Woodberry, T. Kaufenberg, J. Wright, D. Donnelly, A. 
Sharma, L. Hanbury-Pickett for identifying issues, and assisting in finding solutions
to them. 🙂

## Screenshots

 * [[
 * New Gravity Form with Multiple Columns Fields floating panel (collapsed).
 * [[
 * Multiple Columns Fields floating panel close up (expanded).
 * [[
 * Form showing new fields (Row Start, Column Break, Row End) added to form.
 * [[
 * Example of a completed form, composed of Multiple Columns Fields and generic 
   Gravity Form fields.
 * [[
 * Gravity Forms – Form – Settings -> Form Settings showing the Enable CSS and Enable
   JS checkboxes.

## Installation

Upload …
 1. In your WordPress admin panel, go to _Plugins > New Plugin_, search
for “Multiple Columns for Gravity Forms”, find the “Multiple Columns for Gravity
Forms” 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/. … and activate. 3. Activate the plugin through
your _Plugins_ area.

Once installed, the following steps will help provide guidance to introduce column
elements into a form:
 4. Create a new row of separated columns by selecting the
Row 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 Row 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.

CSS and JS included with the plugin can be toggled on and off in the Form Settings
for the individual form.

 1. In Settings -> Form Settings once a form has been selected, visit the section titled
    Multiple Columns. Here there
     are new options related to the Multiple Columns for
    Gravity Forms plugin.

**Note: If updating from version 3.0.3 or earlier. If the columns are not displaying,
please visit the Form Settings for each form and check the Enable CSS checkbox.**

## FAQ

### I have updated from an earlier version, where have my columns gone?

For each Gravity Form that you had prior to update, please visit the Form Settings
for each and check the Enable CSS checkbox.

### How many columns can I make?

We’ve tested 2 up to 10 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 Row 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 Row 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 Row 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 Row End field Add a Row 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 Row End field.

### Is it possible to disable the default CSS and the JS from the plugin?

It is possible to stop the loading of these files from within the settings of the
individual form. It must be noted that much of the column splitting functionality
is defined by the inclusion of the CSS stylesheet. The JS file includes functionality
to maintain layout integrity (removes spacing that is generated by hidden fields)
when using conditional logic to hide field elements in a form.

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

The Row End field will default to ending a given row.

### I am not seeing columns on the front end, after adding Multiple Column elements to my form

Check the form settings, and ensure that the Enable CSS checkbox has been checked,
and save the form. If the Enable CSS checkbox is checked, please uncheck it, save
the form, recheck it, and resave. Then try again.

### Can I use this plugin with multisite?

Yes.

## Reviews

![](https://secure.gravatar.com/avatar/1d8b1fb648e06278e678ef6d3e2ebe6ab28bcacbb7da061c11cd1c6ac9377f2b?
s=60&d=retro&r=g)

### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-34283/)󠁿

 [sergesc](https://profiles.wordpress.org/sergesc/) جون 5, 2022 1 reply

It was a challenge to arrange columns with conditional logic fields. If some field
is hidden, then all columns become broken. This plugin perfectly resolved my problem.
Thank you!

![](https://secure.gravatar.com/avatar/b3abfe9b008e9be3e4b185cbd5f23e0e13d55e12cf03766097b249e1dfb08053?
s=60&d=retro&r=g)

### 󠀁[Perfect, a MUST missing in gravityforms](https://wordpress.org/support/topic/perfect-a-must-missing-in-gravityforms/)󠁿

 [Jeriss Cloud Center](https://profiles.wordpress.org/jeriss/) مارچ 4, 2022 1 reply

Thanks for this addon! Why do I use this? Well by default GravityForms doesn’t allow
to hide a column if it’s content is hidden under a particular sequence of conditional
logic. With your addon, I can fix this. So thanks!

![](https://secure.gravatar.com/avatar/f2f0428303020897511c022e8bc1c61c930fd3b91b19dcc059110b52d0a43faa?
s=60&d=retro&r=g)

### 󠀁[Update on Feb. 4, 2022 Crashed site](https://wordpress.org/support/topic/update-on-feb-4-2022-crashed-site/)󠁿

 [](https://profiles.wordpress.org/elizwood-1/) فبروري 4, 2022 1 reply

I had to disable all the plugins to get the site up again. Once up, I reactivated
the logging plugin to see that this plugin was updated at the time the site went
missing. White screen crash. This plugin is now deactivated and the site is back
up.

![](https://secure.gravatar.com/avatar/9079c016b65652c1acc8fb15963f2bdeeee18d1890e7fa8b599049842f4cd45f?
s=60&d=retro&r=g)

### 󠀁[OMG Amazing](https://wordpress.org/support/topic/omg-amazing-3/)󠁿

 [greendragontech](https://profiles.wordpress.org/greendragontech/) جنوري 30, 2021
1 reply

I wish I’d known about this sooner. Makes the layout so much better looking and 
organized. Many thanks!!!!!!!!!

![](https://secure.gravatar.com/avatar/65a7491fb175a85e198133a4ea947b4c7e99ff33888d6192e55a64f000fa76d9?
s=60&d=retro&r=g)

### 󠀁[OMG How did I not know about this until now?!](https://wordpress.org/support/topic/omg-how-did-i-not-know-about-this-until-now/)󠁿

 [etellewyn](https://profiles.wordpress.org/etellewyn/) جولای 9, 2020 1 reply

I somehow have been hiding under a rock for the last however many years this plugin
has existed and just found it completely on accident today — THIS CHANGES EVERYTHING!!!
The only change I might suggest is to change the names of the “column start” and“
column end” fields to be called ROW start and end, since that is what they actually
do. But whatever I’m not going to nitpick. Great great great plugin. THANK YOU FOR
SAVING ME MANY HOURS!

![](https://secure.gravatar.com/avatar/96bd16d1cb22b0cf5a5b69f52fe254b2a0004eb3051d11a12006ba1d5f1b967d?
s=60&d=retro&r=g)

### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-25489/)󠁿

 [jimmycoate](https://profiles.wordpress.org/jimmycoate/) اپریل 12, 2020 1 reply

Great plugin, been struggling with achieving a specific layout for a few days and
this plugin solved it in minutes. Simple to use, and achieves exactly what it sets
out to do.

 [ Read all 29 reviews ](https://wordpress.org/support/plugin/gf-form-multicolumn/reviews/)

## Contributors & Developers

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

Contributors

 *   [ WebHolism ](https://profiles.wordpress.org/webholism/)

“Multiple Columns for Gravity Forms” has been translated into 3 locales. Thank you
to [the translators](https://translate.wordpress.org/projects/wp-plugins/gf-form-multicolumn/contributors)
for their contributions.

[Translate “Multiple Columns for Gravity Forms” into your language.](https://translate.wordpress.org/projects/wp-plugins/gf-form-multicolumn)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/gf-form-multicolumn/),
check out the [SVN repository](https://plugins.svn.wordpress.org/gf-form-multicolumn/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/gf-form-multicolumn/)
by [RSS](https://plugins.trac.wordpress.org/log/gf-form-multicolumn/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 4.0.6

**If upgrading from a previous version of this plugin it may be necessary to activate
the CSS for each form that uses the multiple column functionality. This is done 
by going to the form -> Form Settings -> Check the box beside Load CSS Stylesheet-
> Click Update Form Settings.**

Fix: Rollback of GFMC-73 issue as this appeared to cause issues with removed layout
elements.

#### 4.0.5

**If upgrading from a previous version of this plugin it may be necessary to activate
the CSS for each form that uses the multiple column functionality. This is done 
by going to the form -> Form Settings -> Check the box beside Load CSS Stylesheet-
> Click Update Form Settings.**

Fix: How to remove muticolumn fields from Entries. (GFMC-73)
 Fix: PHP error (Required
parameter). (GFMC-76)

#### 4.0.4

**If upgrading from a previous version of this plugin it may be necessary to activate
the CSS for each form that uses the multiple column functionality. This is done 
by going to the form -> Form Settings -> Check the box beside Load CSS Stylesheet-
> Click Update Form Settings.**

Fix: CSS class names on MCGF elements. (GFMC-74)

#### 4.0.3

**If upgrading from a previous version of this plugin it may be necessary to activate
the CSS for each form that uses the multiple column functionality. This is done 
by going to the form -> Form Settings -> Check the box beside Load CSS Stylesheet-
> Click Update Form Settings.**

Fix: Divide by Zero error. (GFMC-69)
 Fix: Uninstall Function Conflict. (GFMC-60)

#### 4.0.2

**If upgrading from a previous version of this plugin it may be necessary to activate
the CSS for each form that uses the multiple column functionality. This is done 
by going to the form -> Form Settings -> Check the box beside Load CSS Stylesheet-
> Click Update Form Settings.**

Fix: An error of type E_PARSE on update, related to PHP version site is running 
on. (GFMC-71)

#### 4.0.1

Fix: Not working if Gravity Forms is Must-Use plugin. (GFMC-65)
 Fix: Undefined 
offset PHP notice. (GFMC-67)

#### 4.0.0

Fix: Issue due to CSS conflict when displaying default form and form with GFMC elements.(
GFMC-58)
 Fix: JavaScript functionality issue for hiding elements because of conditional
logic. (GFMC-64)

Alteration: Plugin no longer supports initial column specification using Sections
in versions 2 and before. If updating plugin from a version prior to version 3, 
the form will need to be recreated with the current design definitions.

#### 3.2.1

Fix: Warning: Division by zero message corrected with the use of a check for zero.(
GFMC-57)

#### 3.2.0

Fix: Resolution of issue when conditional logic JS enabled – Uncaught TypeError:
e[n].target.parentElement is null On Page with Conditional Logic Elements (GFMC-
44)
 Fix: composer.json file included at root of the plugin which was causing issues
when installing or updating the plugin with WP-CLI. (GFMC-49) Fix: Restructure of
layout for Gravity Forms 2.5 as this uses divs when not in legacy enabled mode. (
GFMC-55)

#### 3.1.5

Fix: Update button in administrator fixed when Gravity Forms -> Settings in On state(
GFMC-43)

#### 3.1.4

Fix: Page count added to row count causing division by zero issue (GFMC-30)

#### 3.1.3

Fix: Multipage form layout broken (GFMC-29)

#### 3.1.2

Fix: Problem with form deactivation on save.

#### 3.1.1

Fix: Inaccurate set of files uploaded.

#### 3.1.0

Fix: IE11 CSS styling that was not correctly aligning columns.
 Improvement: Form
settings modified which allows the addition of a .js file that hides and shows the
wrapper list element around conditional logic elements. Improvement: Form settings
modified which allows the plugin CSS file to be enabled and disabled for inclusion.
Improvement: Included possibility to allow for CSS classes to be defined for columns
Improvement: Removes form entries added when the plugin is uninstalled. Improvement:
Form validation when saving to reduce unequal row start to row end implementations.
Improvement: Introduced functionality that will also provide appropriate layout 
on AJAX generated forms. Alteration: Changed Column Start and Column End to Row 
Start and Row End respectively.

#### 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

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

#### 3.0.1

The same as 2.1.1, due to previous inaccurate upload.

#### 3.0.0

Problematic upload. Ignore this version.

#### 2.1.1

This version removed code that had been used for testing multisite in 2.1.0.

#### 2.1.0

Allow admins to activate or deactivate on individual network sites. New CSS style
introduced to remove spacing around the first column of a row. Plugin name changed
to align with WordPress recommendations.

#### 2.0.1

Update to work with PHP version < 5.4.

#### 2.0.0

Introduced new feature to allow for multiple rows. Individual rows will split the
columns they contain evenly.

#### 1.0.1

Altered details related to the supporting files. No functional alterations. Upgrade
optional.

#### 1.0.0

Initial Release. Trumpets sound!

## Meta

 *  Version **4.0.6**
 *  Last updated **4 کلونه ago**
 *  Active installations **10،000+**
 *  WordPress version ** 4.6 or higher **
 *  Tested up to **6.0.11**
 *  PHP version ** 7.3 or higher **
 *  Languages
 * [English (Canada)](https://en-ca.wordpress.org/plugins/gf-form-multicolumn/),
   [English (US)](https://wordpress.org/plugins/gf-form-multicolumn/), [Spanish (Spain)](https://es.wordpress.org/plugins/gf-form-multicolumn/),
   and [Ukrainian](https://uk.wordpress.org/plugins/gf-form-multicolumn/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/gf-form-multicolumn)
 * Tags
 * [gravity forms](https://ps.wordpress.org/plugins/tags/gravity-forms/)[GravityForms](https://ps.wordpress.org/plugins/tags/gravityforms/)
 *  [Advanced View](https://ps.wordpress.org/plugins/gf-form-multicolumn/advanced/)

## Ratings

 4.4 out of 5 stars.

 *  [  23 5-star reviews     ](https://wordpress.org/support/plugin/gf-form-multicolumn/reviews/?filter=5)
 *  [  2 4-star reviews     ](https://wordpress.org/support/plugin/gf-form-multicolumn/reviews/?filter=4)
 *  [  1 3-star review     ](https://wordpress.org/support/plugin/gf-form-multicolumn/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/gf-form-multicolumn/reviews/?filter=2)
 *  [  3 1-star reviews     ](https://wordpress.org/support/plugin/gf-form-multicolumn/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/gf-form-multicolumn/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/gf-form-multicolumn/reviews/)

## Contributors

 *   [ WebHolism ](https://profiles.wordpress.org/webholism/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/gf-form-multicolumn/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=JHGDAKZ2YLFLN)