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.

Multiple numerical inputs in one field

  1. URL: http://mindstepsinc.com/teacher-appreciation-2012/online-application-and-essay-entry-form/

    I'm scratching my head over how to how to allow a viewer to input the demographics of their school. Adding to 100% is not required, but a nice to have feature.

    ____% African American
    ____% Asian
    ____% Caucasian
    ____% Latino
    ____% Other

    I'm comfortable with code and css, and don't mind having to customize anything. If you would just point me in the right direction.
    Thanks!

    Posted 12 years ago on Thursday November 8, 2012 | Permalink
  2. Can you add 5 numeric input fields and name them as you have (with race)? That will be a start.

    The restrictions on the total of all the numeric values will probably need to be done with jQuery and validating the total after all the values are entered.

    http://stackoverflow.com/questions/5102225/jquery-validate-multiple-fields-add-up-to-value

    Posted 12 years ago on Thursday November 8, 2012 | Permalink
  3. Hey Chris, thanks for the quick response!

    5 numerical fields, ready class of gf_inline, and it's looking pretty good.
    Any way to supress the div class description of "Please enter a value between 0 and 100." ?

    p.s. I'm not going to spend their money on the jquery.

    Posted 12 years ago on Thursday November 8, 2012 | Permalink
  4. Try adding this to your child theme's stylesheet:

    [css]
    body .gform_wrapper form div.instruction {
        display:none;
    }
    Posted 12 years ago on Thursday November 8, 2012 | Permalink
  5. Excellent - thanks so much!

    Posted 12 years ago on Thursday November 8, 2012 | Permalink