Multiple Columns Not Working

  • Resolved cfontecilla

    (@cfontecilla)


    2 years, 11 months ago

    For now I’m using the free version and this holdup is not exactly getting me excited to upgrade to pro. I’d like to have three columns in my first row, so I have followed the WP Forms official instructions but it is not working (here: https://wpforms.com/docs/how-to-create-multi-column-form-layouts-in-wpforms/)

    For the first column, I am going to Advanced / CSS Classes / Show Layouts and selecting the left column in the three-column choice, which populates the following class into the class field:
    wpforms-one-third wpforms-first

    Moving on to the field I’d like to have in the 2nd column, I am doing the exact same thing but choosing the middle column, which only generates the following class:
    wpforms-one-third
    (I was expecting ‘wpforms-second’ to be appended to this???).

    Same with the third column.

    Any idea what the issue is? Thanks!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter cfontecilla

    (@cfontecilla)

    2 years, 11 months ago

    @niksebastian I see you helped someone else with a similar issue, so hoping you can have a look at mine as well 🙂

    Plugin Support Ralden Souza

    (@rsouzaam)

    2 years, 11 months ago

    Hi @cfontecilla,

    Currently, this is a bug, which will be fixed on WPForms 1.8.2.2. For now, to create multi-columns with CSS Classes, you need to disable the Modern Markup option on WPForms » Settings (screenshot). In case it helps, you can see more details about that option in our guide about styling your forms.

    Please note that with WPForms version 1.8.1 and later, new users have modern markup enabled by default, and the disable option isn’t visible in the WordPress dashboard. In case you’re not seeing the Modern Markup option, you need to add the code snippet below to show the Modern Markup option and disable it:

    add_filter( 'wpforms_admin_settings_modern_markup_register_field_is_hidden', '__return_false' );

    In case it helps, here’s our tutorial with the most common ways to add custom code like this. For the most beginner-friendly option in that tutorial, I’d recommend using the WPCode plugin.

    Hope this helps!

    Plugin Support Ralden Souza

    (@rsouzaam)

    2 years, 11 months ago

    Hi @cfontecilla,

    We haven’t heard back from you in a few days, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

    Thanks!

    Thread Starter cfontecilla

    (@cfontecilla)

    2 years, 11 months ago

    Hi @rsouzaam– I actually downloaded your own WPCode plugin, used it to add the above line of php code, and the Modern Markup option was still not appearing. In the meantime, I discovered Formidable Forms, which has a highly intuitive drag-and-drop system where you can just create columns by dropping a field to the left or right of an existing one.

    Plugin Support Ralden Souza

    (@rsouzaam)

    2 years, 11 months ago

    Hi @cfontecilla,

    Thanks for all the information!

    We appreciate you taking the time to provide feedback about that feature to create columns. Please know that we have a Layout field in our paid version, which allows creating columns and dropping fields.

    But I’ve shared your feedback with our team. It’s always helpful to get details like this.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Multiple Columns Not Working’ is closed to new replies.