Drop Down

Drop Down

SummaryCommon SettingsGeneral SettingsAppearance SettingsAdvanced SettingsMerge TagsUsageModifiersCalculations

Summary

The Drop Down field allows users to select one option from a list. It is available under the Standard Fields section within the form editor.

Drop Down field as displayed in the Field Library

Drop Down field as displayed in the Form Editor.

Important: If your choice labels contain any HTML or special characters such as ampersands, commas, pipes, hyphens or brackets of any type, you MUST enable the show values feature and give each choice a simple and unique value which does not contain any special characters. Failure to configure values could cause issues for features such as calculations, conditional logic, dynamic population, and validation.
The value for each choice must be unique in any case, even if you』re not using HTML or special characters for the choice labels.

Common Settings

This field uses only common field settings for the Advanced settings. For a description of each of the common field settings, refer to this article. Below you will find description of specialty settings that are particular to this field.

General Settings

SettingDescriptionChoicesAdd Choices to this field. You can mark each choice as checked by default by using the checkbox that appear to the left of each choice. Add a new choice by clicking the PLUS icon and delete a choice by clicking the DELETE icon.Show ValuesChecking this option will allow you to specify a value for each choice. Choice values are not displayed to the user viewing the form, but are accessible to administrators when viewing the entry.Bulk Add / Predefined ChoicesClicking the Bulk Add / Predefined Choices allows you to select a category and customize the predefined choices or paste your own list to bulk add choices. See this article for more information.

Appearance Settings

SettingDescriptionPlaceholderThe Placeholder will not be submitted along with the form. You can use the Placeholder to require the user to select any of choices.Enable enhanced user interfaceBy selecting this option, the chosen jQuery script will be applied to this field, enabling search capabilities to Drop Down fields and a more user-friendly interface for Multi Select fields.

Advanced Settings

SettingDescriptionDefault ValuePre-populates the value of the Drop Down field. Enter the choice you would like to display.

Merge Tags

For more information on the use of merge tags, refer to these articles.

Usage

{Field Name:2:modifier}

Modifiers

ModifierDescription:valueOutputs the value of the field instead of the choice label.:currencyConverts the value to a currency value.

Calculations

If you』re going to use this field type in a calculation formula, please check Number Formatting Rules in the Calculations doc page.

Drop Down Field CSS Selectors

Drop Down Field CSS Selectors

ContainerSelect BoxItems

If you』ve enabled the Enhanced UI option, you will need to target 「.chosen-container」 CSS class rather than 「.ginput_container_select」 in the selectors below.
Container
example: standard drop-down container (div) – applies to all forms
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select {border: 1px solid red}
example: standard drop-down container (div) – applies just to form ID #1
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_select {border: 1px solid red}
example: standard drop-down container (div) – applies just to specific drop-down field (based on the unique parent element ID – replace 「XX_X」 with your actual element ID)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_container_select {border: 1px solid red}
Select Box
example: standard drop-down field (select) – applies to all forms
body .gform_wrapper .gform_body .gform_fields .gfield select {border: 1px solid red}
example: standard drop-down field (select) – applies just to form ID #1
body #gform_wrapper_1 .gform_body .gform_fields .gfield select {border: 1px solid red}
example: standard drop-down field (select) – applies just to specific drop-down field (based on the unique parent element ID – replace 「XX_X」 with your actual element ID)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield select {border: 1px solid red}
Items
example: standard drop-down item (option) – applies to all forms
body .gform_wrapper .gform_body .gform_fields .gfield select option {color: red}
example: standard drop-down item (option) – applies just to form ID #1
body #gform_wrapper_1 .gform_body .gform_fields .gfield select option {color:red}
example: standard drop-down item (option) – applies just to specific drop-down field (based on the unique parent element ID – replace 「XX_X」 with your actual element ID)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield select option {color: red}

Downloading the Gravity Forms Plugin and Add-Ons

Downloading the Gravity Forms Plugin and Add-Ons

IntroductionDownload via the Gravity Forms WebsiteInstall via WordPress admin

Introduction

Which add-ons you will have access to is determined by the type of active Gravity Forms license you purchased. Refer to this page for a comparison.

Access to files and updates is available only to active Gravity Forms licenses. If you have multiple active licenses in your account, you will receive access to all the add-ons available to each of those license levels.

See this page for a list of add-ons and the license level they are available with.

Download via the Gravity Forms Website

From your Gravity Forms account dashboard, go to the Your Downloads section.

Locate Gravity Forms (core) in the list of downloads.Click on the Download link or icon to the right of the name.

NOTE: Files will download in the ZIP archive file format. Do not unzip it (or allow your browser to unzip it automatically). When you install it, you will upload it in the ZIP format. If your file was unzipped automatically on download, see this article for a possible solution.

Install via WordPress admin

Login to your WordPress site』s admin dashboard.Go to the admin area Forms > Add-Ons. From here you can install directly to your site any official Gravity Forms add-on that is permitted by your license level.

Image: Gravity Forms Add-Ons as seen within the WordPress admin area.

Setting Up the Stripe Add-On

Setting Up the Stripe Add-On

Pre-RequisitesStripe SettingsModeWebhooksPayment Collection (Stripe v2.6+)Notes

The Stripe settings layout was modified in Stripe Add-On version 2.8. For setting up older versions, refer to this article.

Pre-Requisites

Gravity Forms and Gravity Forms Stripe Add-On installedSSL Certificate Installed and ConfiguredA Stripe accountA Stripe account login with user role of 「owner」 or 「administrator」

Stripe Settings

The Stripe Settings will allow you to connect and authenticate with your Stripe account and make some choices about how you collect payment information. Additionally, it will allow you to setup webhooks which are used to communicate events from Stripe back to your Gravity Forms environment.

Navigate to your Stripe Add-On Settings page:

Log into your WordPress admin dashboard.On the left side navigation menu, hover over Forms and click on Settings.Click the Stripe tab.

Mode

Mode specifies the environment you want to connect your form submissions to. Choosing Live will connect you to the environment that initiates real transactions, while Test will run the form entry into your Stripe test environment for review, but no actual charging will occur.

For full instructions on how to connect to a live or test environment, review the process described in this help guide.

Webhooks

Log in here to access your Stripe Webhooks management page.

In Stripe, click the Add endpoint button at the top right above the list of webhooks.Note: There is a maximum limit of 16 webhook endpoints per Stripe account.

In the Endpoint URL field, paste the URL found under 「View Instructions」 on the Gravity Forms Stripe Settings page.Under Events to send, click receive all events from within the box Click the Add endpoint button to save the webhook.

Under Signing secret, click the 「Click to reveal」 button.Copy the signing secret and note the Mode (Test or Live) at the top of the screen.

Enter the Signing Secret from the Stripe Webhooks page into the Stripe settings. Use the Test Signing secret or Live Signing secret field as applicable.Check the I have enabled the Gravity Forms webhook URL in my Stripe account. box.Click Save Settings at the bottom of the page.

Payment Collection (Stripe v2.6+)

This option was introduced in Stripe version 2.6. It is not on the Settings page for earlier versions.

Scroll to the Payment Collection section.Select the Payment Collection Method to determine how payment information will be obtained on your form. See this article for more information on the payment collection methods offered.

Once you have entered your Stripe settings, you』re ready to begin Setting Up a Stripe Compatible Form.

Notes

There is a maximum limit of 16 webhook endpoints per Stripe account.Stripe Checkout can only be tested/used on a public site. If your site is not public, you won』t be able to see the Stripe Checkout page.

Downloading a Gravity Forms Add-On

Downloading a Gravity Forms Add-On

Pre-RequisiteDownloadingInstalling an Add-OnSetting up an Add-On

Pre-Requisite
To download an Add-On, you must be have at least one active Gravity Forms license of the appropriate level. To see which Add-Ons are available with your license type, review our Add-Ons page. If you own multiple license types, you will have access to downloads based on the highest level of active license you own.
Downloading
To download an Add-On via the Gravity Forms website, navigate to the Gravity Forms account login page and login with your Gravity Forms credentials. Then click Downloads in the submenu to see all the files available for download.
Note: Files will download in the ZIP archive file format. Do not unzip it (or allow your browser to unzip it automatically). When you install it, you will upload it in the ZIP format.
You can also install directly via the admin area of your WordPress site. Login to your dashboard and go to Forms > Add-Ons. From here you can install any official Gravity Forms Add-On that is permitted by your license level.
Installing an Add-On
Your next step is to install the Add-On. Refer to this article for the various installation methods.
Setting up an Add-On
Each Add-On can have different set-up and activation requirements. Refer to the appropriate add-on documentation section for advice on any setup required for your Add-On.

Donations Settings in the PayPal Payments Standard Add-On

Donations Settings in the PayPal Payments Standard Add-On

Transaction Type-specific Options

When using the PayPal Add-Ons for Gravity Forms, you can set various transaction types depending on your needs such as Products and Services, Subscription, and Donations.

Transaction Type-specific Options

If you select Donations from the Transaction Type drop down, the option below will appear.

The Payment Amount setting denotes which field will be used for the payment amount. It can be set to Form Total or an additional field that you have configured.

If you need more information on configuring feeds within the PayPal Payments Standard Add-On, you may review our article on Creating a Feed for the PayPal Payments Standard Add-On.

Does Gravity Forms Support ….

Does Gravity Forms Support ….

You can embed the Gravity Forms shortcode anywhere within your WordPress site, independently from other plugins. But to talk effectively and get closer integration between Gravity Forms and a third party service, we recommend:

Our library of community supported third-party plug-ins, which contains hundreds of solutions for enhancing and extending Gravity Forms.
Using Zapier to link with other services

Examples:
– does Gravity Forms support WooCommerce?
– does Gravity Forms support SalesForce?
– does Gravity Forms support my payment gateway?
…

Does Gravity Forms Support HHVM?

Does Gravity Forms Support HHVM?

Correcting File Upload Errors

While Gravity Forms is not tested on HHVM, in many cases it will operate properly out of the box or with a few modifications. As HHVM does have some incompatibilities with standard PHP releases, issues can arise from time to time and not all of these can be addressed. In this article, we will list any workarounds that may be required when running Gravity Forms with HHVM.
Correcting File Upload Errors
The File Upload field may have issues in some HHVM setups due to how the WordPress wp_max_upload_size function retrieves the values of the PHP upload_max_filesize and post_max_size settings. To correct this, simply place the following in your theme』s functions.php file (or ideally within its own plugin):
add_filter( 'upload_size_limit', function() {
$u_bytes = wp_convert_hr_to_bytes( ini_get( 'hhvm.server.upload.upload_max_file_size' ) );
$p_bytes = wp_convert_hr_to_bytes( ini_get( 'hhvm.server.max_post_size' ) );

return min( $u_bytes, $p_bytes );
} );

Displaying Your Poll Results to Visitors

Displaying Your Poll Results to Visitors

IntroductionShow results after submissionShow results immediately Display a link to view resultsDo not show results

Introduction

This article shows the various options you have when it comes to showing poll results to your site visitors. In most cases, a Gravity Forms poll can display both poll questions and/or the poll voting results, dependent on configuration.

To view poll results as a site administrator in the back end, refer to this article.

Show results after submission

Showing the Poll question first, and then displaying the poll results after a user submits the poll is a standard behavior used on many websites.

For a Poll block, set Mode to poll.For the Poll shortcode, set the Mode parameter to poll.For the Poll widget, set Display Mode to poll.

Show results immediately

You can also choose to display the current poll results immediately on page load, skipping the display of the Poll form itself.

For a Poll block, set Mode to results.For the Poll shortcode, set the Mode parameter to results.For the Poll widget, set Display Mode to results.If in a place where you can use merge codes, you can use either of these merge tags.

Display a link to view results

To display a view results link at the bottom of the poll question, so a visitor can choose to view the results only if they wish, use the following settings:

For a Poll block, this is controlled by the setting Display Link to Results Below Form.For the Poll shortcode, set parameter show_results_link to true.For the Poll widget, this is controlled by the Display Mode setting.

Do not show results

In the specific case where you wish to show only the poll questions, and no poll results (or link to poll results) at all, use the Poll shortcode and set the parameters of display_results and show_results_link to false.