TutorialChange field type in an existing Gravity Form

Do you want to change the type of an existing field in an existing Gravity Forms? There are multiple ways to achieve this.

1. Change the field type by adding a new field and swapping the field id’s. This is the safest option. See our tutorial for Modify the Field Type in Gravity Forms by swapping Field ID’s.
2. Change the field type, while retaining all the settings by using the snippet below. This can lead to unexpected behaviour, because the original field type might have setting properties that are not compatible with the new field type.

To change the field type using our snippet follow this steps:

1. Open the form editor with the form which contains the field you want to change the type of.
2. Open the browser console by pressing ‘Ctrl + Shift + i’ or right mouse button + ‘inspect’. This works both in FireFox an Chrome.
3. Paste the snippet below in your console and hit the enter key.

gwpChangeFieldType = function( fieldId, newType ) {
	for( var i = 0; i < form.fields.length; i++ ) {
		if( form.fields[i].id == fieldId) {
			oldType = form.fields[i].type;
			form.fields[i].type = newType;
			return 'Successfully changed field ' + fieldId + ' from ' + oldType + ' to ' + newType;
		}
	}
	return 'Field not found.'
}

It should look like this:

4. Identify the id of the field you want to change the type of. This is a numeric value which you can see when you select the field in the form editor:

5. Determine what the target field type should be. Common types are: html, hidden, section, text, website, phone, number, date, time, textarea, select, checkbox, radio, name, address, fileupload, email, post_title, post_content, post_excerpt, post_tags, post_category, post_image, post_custom_field, captcha. These are documented in the Gravity Forms documentation under Basic Properties -> type property.
6. Type gwpChangeFieldType( fieldID, newType) in your console, where fieldID should be replaced with the numeric field ID and the second parameter should be the new field type string. For example:

gwpChangeFieldType( 1, 'number')

Make sure you got it right, then hit enter. On success you will see the following response:

IMPORTANT NOTE:

You should use this snippet with care and only if you know what you are doing. It might impact existing entries and in the worst case result in data loss if the new field type stores values differently.

If you have conditional logic dependencies on this field the conditional logic might not work as expected. This has been reported when trying to convert checkboxes (multiple possible values) to radiobutton (single value).

When in doubt, always try it in test form first.

Our Premium add-ons for Gravity Forms

JWT Prefill

Fill forms with data you can trust. Prefill Gravity Forms fields with a secure token instead of links with editable url parameters, so your data is accurate, tamper-proof, and ready to use.

API Connector

Connect Gravity Forms to External API's: Query the API using form field values and automatically fill other form fields with the API response.

All Entries

All your new Gravity Forms entries in one central place. Stop navigating between multiple forms to find new entries. Get immediate oversight and full control with a powerful, unified dashboard.

List Text

Add features like textarea, placeholder and custom validation to a column or multiple columns in a Gravity Forms List Field.

See all add-ons

Read tutorials about

Show Previous Gravity Forms Submissions Using Advanced Merge Tags

This step-by-step tutorial shows how to use GravityWP Advanced Merge Tags to count previous Gravity Forms submissions and calculate total submitted value based on a matching email address.

Gravity Forms LeadConnector Integration with OAuth 2.0

This documentation-based tutorial explains how to connect Gravity Forms to LeadConnector/HighLevel with OAuth 2.0, search contacts by email, and map returned CRM values back into form fields using GravityWP API Connector.

Gravity Forms Zoho CRM Integration: How to Auto-Populate Form Fields by Email

Learn how to auto-populate Gravity Forms from Zoho CRM using GravityWP API Connector. This tutorial shows how to search Zoho Contacts by email and fill form fields with the returned data.

How to Create a Public Submission Business Directory in WordPress (Gravity Forms + GravityView)

Build a moderated business directory where users submit listings through a form, admins approve entries, and approved businesses appear in a searchable GravityView directory.

See all tutorials