ul inside of li on front end

Hi @paulh-wp,

Thank you for your message, and sorry that you are encountering issues.

We suspect that the problem is this plugin. It seems that the previous functionality that the Multiple Columns plugin used relied on a form structure that has changed with the Gravity Forms recent version enhancement to 2.5.

For creating a 2 column layout, this should now be possible out of the box using native Gravity Form functionality, please see https://docs.gravityforms.com/working-with-columns/.

We are working on a resolution to this issue for forms that require more than 4 columns, but for those with smaller column requirements, then the Gravity Form functionality should have you covered.

Please do not hesitate to contact us with any other questions.

Many thanks for taking the time to contact us.

The problem I had with the inbuilt columns is that several fields that I wanted to group together were in the wrong order when viewed from a mobile device. However, I was able to modify the code to output the structure I was looking for.

I know editing the plugin is not ideal but it was a quick fix and can be changed easily if the plugin is updated.

Hi @paulh-wp,

Thank you very much for your feedback.

We will look at providing an update that will address this and similar issues.

Well done on resolving your problem, and please do not hesitate to contact us if we can assist with any other issues.

Kind regards.

Hi WebHolism,

Any update on this plugin regarding column issues on latest gravity form version 2.5?

Thanks,
Abileweb

Hi @abileweb,

We’ll attempt to put out an update to resolve this plugins handling of the layout design introduced in version 2.5 of Gravity Forms very soon.

It would be useful for us to know if your existing form is unsuitable for the new Gravity Forms column layout implementation, and if so, why.

Many thanks for your time and we’ll send an update when we have released the new version of the plugin.

Thank you for your time.

Kind regards.

Hi @abileweb & @paulh-wp,

Would it be possible to confirm if issues that you are experiencing are resolved by enabling Legacy markup in the form settings (see more in the article: https://docs.gravityforms.com/form-settings/#form-options), for the form that is displaying incorrectly?

Many thanks for your time.

Kind regards.

Good day @abileweb & @paulh-wp,

We have released version 3.2.1, as the previous release had been displaying issues for some users. Please can you update and advise if your problems have been resolved?

Your time and assistance is greatly appreciated.

Kind regards.

Hi, the column part seems to work great, but the CSS is also breaking the gravity forms default grid CSS.

The problem is that all fields are 100% width and do not follow the columns set in the editor. I checked the CSS and found that it was applying rules to the whole of the form rather than just the elements inside the row start/row end.

You can see below that it is removing the grid display from all fields

.gform_wrapper.gravity-theme .gform_fields {
	display: block;
	grid-template-columns: unset;
}

• This reply was modified 3 years, 7 months ago by PaulH wp.

Hi @paulh-wp,

Thank you for the update on the behaviour that you are experiencing, and the pointer to the resolution. Can you just confirm the following details related to your install and form:

Are you using Gravity Forms 2.5 or later?
Was the form created in 2.4 or before?
Is Legacy Markup for the form switched on or off (https://docs.gravityforms.com/form-settings/#form-options – please see the final section of this page for details of Legacy Markup toggle)?

Thank you for your time and assistance in this matter.

Kind regards.