PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Checkboxes - 2 columns instead of 1?

  1. Hi, Is there a way to make the "checkbox" be 2 columns instead of 1 long one?

    Posted 12 years ago on Monday November 23, 2009 | Permalink
  2. I'm not clear, are you referring to displaying checkboxes in a table? With the checkbox in one column and the text displayed with the checkbox in another column? If so, no there isn't anyway to do that currently.

    The form output is set as far as markup goes. You have to use CSS to style and make changes to the display of the form. You can't edit the markup beyond the capabilities Gravity Forms provides using custom CSS classes, etc.

    In a future release we plan on adding the ability to edit the actual markup, but that will most likely be a 2.0 feature.

    Posted 12 years ago on Monday November 23, 2009 | Permalink
  3. I mean like this http://listingorders.com/realtor/realtor-residential

    You'll see the checkbox/item, then another checkbox/item in the same row. This is not possible yet?

    Posted 12 years ago on Monday November 23, 2009 | Permalink
  4. Yes this is possible, using CSS. You would need to know how to float elements using CSS in order to do this. If you create your form, and then show us where we can see your form I can look at the HTML and give you a quick code snippet you could use to accomplish this.

    Posted 12 years ago on Monday November 23, 2009 | Permalink
  5. I have a test form here http://listingorders.com/test

    Select a property type to see all the fields. I love the conditional aspect (something cforms lacks). I wonder if I can modify and apply the minimal.css (format of current form) i use in cforms???

    Posted 12 years ago on Monday November 23, 2009 | Permalink
  6. Fred,

    You can try adding these declarations to your style sheet.

    .gfield_checkbox {
    	overflow:hidden;
    }
    
    .gfield_checkbox li {
    	width:44%!important;
    	float:left;
    }

    that should float the checkboxes into 2 columns like your example form.

    screenshot

    If you don't want all the checkboxes formatted that way, you can specify the ID of the field/list so only those float.

    #input_1_86.gfield_checkbox {
    	overflow:hidden;
    }
    
    #input_1_86.gfield_checkbox li {
    	width:44%!important;
    	float:left;
    }

    where "input_1_86" is the ID of your field

    Posted 12 years ago on Monday November 23, 2009 | Permalink