Something like this?
http://gravity.chrishajer.com/job-application/
For the relevant parts, I created a group of check boxes for the days of the week. The days of the week are available on a check box field if you click the "Bulk Add / Predefined Choices" button below the three default check boxes. Just scroll down to "Days of the Week". If you want the list to start on a day other than Sunday, just do a little cut and paste in the right panel where the days are listed. Click the "Update choices" button once you are done with that.
That takes care of 7 check boxes for the days of the week.
Next I added 7 *required* fields, each with 3 check box choices. I made one field of 3 check boxes for each of the 7 days. So, for field labels I have:
Sunday availability
Monday availability
Tuesday availability
Wednesday availability
Thursday availability
Friday availability
Saturday availability
For the choices, in each one I have:
morning
afternoon
evening
Check the box that says "required".
Click the Advanced tab, and enter this for CSS Class Name:
gf_list_3col
That's a special CSS Ready Class included in Gravity Forms to create a 3 column layout of check boxes. You can read more about CSS Ready Classes here. That will put all three "time of day" choices on the same horizontal line, instead of stacked vertically.
Also on the Advanced tab, click "Enable Conditional Logic". This is how you hide the availability for a day UNLESS the day was checked as something they were interested in, in the previous step (the check boxes for days of the week.)
For each of the 7 groups of availabilities (morning, afternoon, evening) you will need to configure the conditional logic to [Show] this field if [All] the following match:
In the first select box on the next line, find your "Days of the week" field, select that, leave the center select as [is] then in the last drop down you should have the days of the week choices you entered in the previous step when you created the 7 check boxes for days of the week.
So, for Sunday, my "Sunday Availability" field looks like this:
[Show] this field if [All] of the following match:
[What days are you available?] [is] [Sunday]
Repeat that for each of the 7 days for the availability check boxes.
It took longer to write up the explanation that it did to create the form. Once you get into it it makes sense. If you have any questions, please let me know.
Posted 12 years ago on Monday July 25, 2011 |
Permalink