WordPress.org

Forums

Calculated Fields Form
[resolved] Column support please (5 posts)

  1. rwilki
    Member
    Posted 10 months ago #

    Hi. This is such an amazing plugin!

    So, I'm trying to create a form with 4 columns. I can't get the display to line up in columns even with your column css feature. Each column, for example, might have 4 questions. Do you have an example of a multiple column form?

    Column1:
    Check box Value 10
    Check box Value 15
    Check box Value 20
    Check box Value 25
    Calculated Field Sum

    Column2:
    Check box Value 20
    Check box Value 25
    Check box Value 30
    Check box Value 35
    Calculated Field Sum

    Column3:
    Check box Value 30
    Check box Value 35
    Check box Value 40
    Check box Value 45
    Calculated Field Sum

    Column4:
    Check box Value 40
    Check box Value 45
    Check box Value 50
    Check box Value 55
    Calculated Field Sum

    Thanks,
    Bob

    https://wordpress.org/plugins/calculated-fields-form/

  2. codepeople
    Member
    Plugin Author

    Posted 10 months ago #

    Hi,

    Go to your form's settings, and enter the class name column4 in the "Add Css Layout Keywords" attribute of four consecutive fields.

    Best regards.

  3. rwilki
    Member
    Posted 10 months ago #

    Thanks codepeople. I probably didn't explain myself properly. Not exactly the full answer I'm seeking. I know that using class name with "Add Css Layout Keywords" will spread out into columns, the problem is my columns aren't consecutive checkboxes. In other words, one column might have 4 checkboxes plus a calculated field sum field, and the next column might have 2 checkboxes, a two-line text field, and a calculated field sum. So, I need to mix elements in my columns but it seems like once I do that, it creates another column. Is there a way to mix form elements in the same column?

    Thanks,
    Bob

  4. codepeople
    Member
    Plugin Author

    Posted 10 months ago #

    Hi,

    Maybe I don't understand exactly the layout you want obtain, but with our plugin you can create columns in two different ways:

    First, as I have described in the previous entry, you can assign the column4 class name to groups of four consecutive fields in the form, so you can use the special class name in all controls in your form and will obtain the layout you want.

    The second way would be insert four div controls (the div and fielset are containers, they can contain other controls), and assign the class name column4 to the div controls. Finally, insert the fields of your form inside the div controls.

    Best regards.

  5. rwilki
    Member
    Posted 10 months ago #

    Thanks. Got it working great. I needed 6 columns so I adjusted the CSS to display appropriately. The DIV solution is perfect.

    Thanks so much

Reply

You must log in to post.

About this Plugin

  • Calculated Fields Form
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.