Dutch Flag Dutch speaking WordPress / Gravity Forms developer? Apply now!

TutorialComplex List Field Gravity Forms

Do you want to add a more complex list field to your Gravity Form? This is the way to do it. Add dates, dropdowns and numbers (and calculations of these numbers) to your list field. it’s amazing what extra power you give to your form.

Example List Field with date, dropdown and number

Add-ons needed

To enable these functionalities, you need to install the List Field Date Picker, List Field Drop Down, List Field Text and List Field Number Format Add-ons for Gravity Forms.

Adding a List Field

Screenshot of Gravity Form with a List Field with multiple columns and Date Field, Drop Down and Number Format enabled.
Screenshot of Gravity Form with a List Field with multiple columns and Date Field, Drop Down and Number Format enabled.

List Field Date Picker

Check out all the documentation for List Date Picker here.

Screenshot of enabling Date Picker in Gravity Forms List Field.
Screenshot of enabling Date Picker in Gravity Forms List Field.
Screenshot of available settings for the Date Picker inside a Gravity Forms List Field.
Screenshot of available settings for the Date Picker inside a Gravity Forms List Field.

List Field Drop Down

Check out all the documentation for List Field Dropdown here.

Screenshot of enabling and configuring a Drop Down in the Gravity Forms List Field.
Screenshot of enabling and configuring a Drop Down in the Gravity Forms List Field.

List Field Number Format

Check out all the documentation for List Field Number Format here.

Screenshot of enabling and configuring the Number Format for a Gravity Forms List Field. Setting Number Format, Rounding, Range Min / Max, Enabling Range Calculation, Enable Instructions, Enable Column Total and Calculation.
Screenshot of enabling and configuring the Number Format for a Gravity Forms List Field. Setting Number Format, Rounding, Range Min / Max, Enabling Range Calculation, Enable Instructions, Enable Column Total and Calculation.

List Field Text

Check out all the documentation for List Text here.

Screenshot of enabling E-mail validation in a Gravity Forms List Field column.
Screenshot of enabling Textarea validation in a Gravity Forms List Field column.

Read more tutorials about GravityWP BV

GravityWP develops add-ons to collect and manage your data better.
All tutorials GravityWP BV