In an Event Registration form, for a Grade person field, there is not currently a way to limit the Grades that are displayed in the drop-down.

Our church's Vacation Bible School is only for children PreK-5th grade, so we wanted those grades to be the only options available in order to help prevent children from 6th grade and up from registering.

Follow these steps to hide different grades from your Event Registration form:

  1. Edit the desired Event Registration Template
  2. Find the "Grade" Person Field and click the pencil icon to edit
    Screen Shot at July 23rd 2019 - 1.11.26 pm@2.5x.png
  3. In the Pre-Text, the following HTML/CSS will hide 6th-12th grade:
  1. <style type="text/css">

  2. .grade-picker option[value="6"],

  3. .grade-picker option[value="5"],

  4. .grade-picker option[value="4"],

  5. .grade-picker option[value="3"],

  6. .grade-picker option[value="2"],

  7. .grade-picker option[value="1"],

  8. .grade-picker option[value="0"] {

  9. display: none;

  10. /* Hide on Safari */

  11. height: 0px;

  12. width: 0px;
  13. visibility: hidden;
  14. overflow: hidden;
  15. opacity: 0;

  16. }

  17. </style>

Screen Shot at July 23rd 2019 - 1.11.58 pm@2.5x.png

Click Save and that's it! 

You can add or remove the option values as needed. The following are what the option values/grades are as of Rock v.8.8:

<option value="13">Pre-K</option>
<option value="12">K</option>
<option value="11">1st</option>
<option value="10">2nd</option>
<option value="9">3rd</option>
<option value="8">4th</option>
<option value="7">5th</option>
<option value="6">6th</option>
<option value="5">7th</option>
<option value="4">8th</option>
<option value="3">9th</option>
<option value="2">10th</option>
<option value="1">11th</option>
<option value="0">12th</option>

Hope this is helpful!