How to Dynamically Populate a Ranked Survey Field in Gravity Forms

Samuel Bassah

/ Updated February 26, 2024 / 2 Comments

Presenting your users with a list of items and having them rank those items is a helpful way to identify what your users value. Gravity Forms Survey Add-On provides an invaluable Rank field that allows your users to do just that.

Rank fields work best when you present fewer choices. The user has to make fewer decisions and split fewer hairs as they fret about whether or not they really do like apples more than oranges.

Save your users time and worry by having them narrow down their favorite choices first and only then rank their selected favorites.

This tutorial will demonstrate how, with the flexibility of GF Populate Anything, your users can select their top n choices in a Checkbox field and then rank those choices in a Rank Survey field.

Getting Started

We sell Gravity Perks. It’s a suite of 47+ powerful plugins (we call them perks) for Gravity Forms. Our Pro customers have unlimited access to all of these perks.

We’re conducting a survey and want to know which perks our customers value most. Rather than having them rank all 47 perks, we’ll let them first select their top 5 perks. Then we’ll populate the selected perks into a Rank Survey field, dramatically reducing the cognitive load to complete our survey.

Here’s how we can bring this to life.

Steps

1. Create a Data Source Form
2. Create the Survey Form
3. Set Up the Survey Field
4. Add the Snippet

Step 1 – Create a Data Source Form

Start by creating a new form. This is an administrative form; end-users will never interact with it. The data you submit in this form will be used to populate the Checkbox and Rank fields in our survey form.

Add a Single Line Text field to the form. In our case, we’ll label our field “Perk Name”.

Next, manually submit each choice that should be populated into the Checkbox field on your survey form. For us, that means we’ll need to submit this form once for each perk.

Step 2 – Create the Survey Form

Create the Survey form and add a Checkbox field to the form. Set up the Checkbox field to populate choices dynamically using entries from the data source form you created in Step 1.

Step 3 – Set Up the Survey Field

Add a Survey field to the form and set up the Survey field to populate choices dynamically, also using the entries from the Data Source form. However, because you will want to populate the Survey field with only the selected Product, you’ll add a filter to only populate choices matching the selected checkbox option.

Go ahead and preview your form. You should have something that looks like this:

Step 4 – Add the Snippet

Finally, add the following JavaScript snippet to the Survey form. When Populate Anything replaces the Survey options, it prevents them from being draggable. This snippet re-enables that.

$( document ).on( 'gppa_updated_batch_fields', function() { 
    gsurveySetUpRankSortable(); 
} );

We recommend using our free Code Chest plugin which lets you add form-specific JS like this right in the form settings.

Taking It Further

Require a Specific Number of Selections

If you want your customers to select a specific number of choices to populate the Rank field, use the GP Limit Checkboxes perk to set the minimum and maximum limit allowed for the Checkbox field.