Support » Plugin: Multiple Columns for Gravity Forms » Nested Columns

  • Hello, I’m attempting to create a form that has nested columns.
    Unfortunately since each End Column automatically forces a new row, I’m unable to create the functionality I’m aiming for.

    I’m looking for 1 row that would have 2 columns, but the first column would also have two columns within.

    The layout would look like so:

    C Start

    [
    C Start
    —-
    C Break
    —-
    C End (Creates a new row instead of just ending nested column only)
    ]

    C Break
    —–
    C End

    Any assistance is appreciated, thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author WebHolism

    (@webholism)

    Hi amaro57,

    Thank you for using the plugin.

    If you wanted to have two elements in the first column I would recommend creating a Gravity Form form with a sample structure of:

    Column Start
    Field 1
    Field 2
    Column Break
    Field 3
    Column End

    On the first two fields, go to Appearance -> Custom CSS Class and insert text width50 (this can be changed if this class is already used or if another class name makes more sense in your project. Note that the following CSS code would need to be altered to reflect this change.).

    Then in your CSS add the following:
    .width50 {
    width: 48%;
    display: inline-block;
    margin-right: 2px;
    }

    Does that create the desired result? If not, can you please provide more information and we’ll see what we can do. 🙂

    Wishing you a fantastic day.

    Kind regards.

    amaro57

    (@amaro57)

    Thank you for your reply.

    I’m not attempting to place two elements in a column, I’m attempting to nest a column within another column. Like so:

    Column Start
    Field 1
    Field 2
    Column Start
    Field 3
    Column Break
    Field 4
    Column End

    Column Break
    Field 5
    Column End

    +-------------------+---------+
    | Field 1           | Field 5 |
    +-------------------+---------+
    | Field 2           |         |
    +-------------------+         +
    | Field 3 | Field 4 |         |
    +         +         +         +
    |         |         |         |
    +---------+---------+---------+

    The bold would be a column nested within the first column. I’m unable to find a method to create this reliably as the Column Break after the first Column End does not work. Field 5 is forced on a new row due to the first Column End forcing a new row while I want it to remain on the same row.

    Plugin Author WebHolism

    (@webholism)

    Hi amaro57,

    Thank you for replying, and sending more information on your requirements.

    The plugin does not have the option to allow for nesting. It may be worth considering that something similar could be achieved using html fields (erase the Field Label, and for Content just use  ), although we can appreciate that this may be undesirable. If you need more information on this approach, please ask.

    We will investigate the possibility of creating a way of nesting, but this would likely require a significant alteration of the logic.

    I hope that helps, even if it is not a clean solution.

    If there is anything more that we can do to assist, please do not hesitate to ask.

    Kind regards.

    KovaZg

    (@kovazg)

    Dear WebHolism, can you please write in more details, I need exactly the same as amaro57.
    But I do not understand part just use ) ??

    Can you please type steps to recreate what amaro57 asked for.

    Thank you very much.

    Plugin Author WebHolism

    (@webholism)

    Hi KovaZg,

    Thank you for using the plugin.

    Can you please provide more information on your requirements?

    Up until now there have not been many requests for this functionality and we are attempting to understand the use cases to determine the importance of this feature.

    Many thanks for your time, and your assistance in helping us understand how people are using this plugin.

    It is possible to send us information directly at hello@webholism.com, if you prefer.

    Kind regards.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.