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.

How to format multiple choice options into a grid?

  1. I'm trying to recreate this form in Gravity Forms:

    http://hearthousedallas.org/volunteer/survey

    How exactly do I set up Gravityforms to mimic the grid that is on the section of that page entitled "Please rate the following"? I'd like to have the question to the left, and then a row of 4 radio buttons per question.

    I'd also like to recreate the 1-5 radio buttons that is under the question "Did the volunteer orientation prepare you adequately for your volunteer experience?"

    Is it possible with Gravity Forms? Any help appreciated...

    Posted 11 years ago on Friday July 8, 2011 | Permalink
  2. There's no really easy way to do what you want but it can be done. We're planning on adding some survey/likert field types in the future, but for now you would have to rely on some creative CSS/jQuery etc. to pull it off. Here's a test/sample I did some time back that you can use as a starting point.

    http://www.rocketgenius.com/survery-style-multiple-choice-fields-with-gravity-forms/

    Posted 11 years ago on Friday July 8, 2011 | Permalink
  3. That will work! Thank you for the quick reply! I'll give it a shot.

    Posted 11 years ago on Friday July 8, 2011 | Permalink
  4. Sure. If you come up with something nifty, please share with the rest of the class. We would love to see how it ends up.

    Posted 11 years ago on Friday July 8, 2011 | Permalink
  5. @Kevin thanks for a great starting point!

    What would be the way to go to make it work with Ajax? I noticed that when a submit is done on a form that has empty fields that are required, the jQuery script isn't called anymore, since it isn't triggered.

    Also I have added some code to the jQuery script to also support checkboxes; I am not much of a java-scripter, so probably it can be done more efficient, but it does work :-)

    http://pastebin.com/6P31NN3e

    If there's a better way of doing this, don't hesitate to correct me ;-)

    Posted 10 years ago on Thursday March 29, 2012 | Permalink
  6. Hey @Kevin, I've got a
    tag in my label and the height doesn't adapt to show the radio button

    http://www.marketingdecisionanalysis.com.au/questionnaire-test/

    What mod do I need to make to the css to have the radio button visible?
    Cheers, James

    Posted 10 years ago on Monday July 9, 2012 | Permalink