Dropdown field

Description

One of the most powerful fields in Formcrafts. A dropdown field is used to get a single or multiple selections from the user.

You can configure the list of options under the Options tab. Each option has the following settings:

  1. Label: (required) The text displayed to the user. Example - “Canada”.
  2. Value: The value stored in the database, or sent to integrations. When working with order forms this can be used to set the price of the product. If not specified, the label is used as the value. Example - “CA”.
  3. Description: Additional information displayed to the user. Example - “North American country”.
  4. Group: Group options together. This is useful when you have a large number of options and want to categorize them. Example - “North America”.
  5. Color: Associate a color with the option. This color is used for reporting and analytics. It is not displayed to the user.
  6. Image: Display an icon (from the icon gallery), or a custom image next to the option. The image can be uploaded, or linked via a URL.

In addition, this field has an Autofill feature which includes commonly used options like countries, yes / no, Likert scale, gender, etc. If some integrations are enabled, the field will also include options from those integrations.

Sources

This field offers different sources for options:

  1. List: Manually add options to the list (max 2,000 options).
  2. Remote URL: Fetch options from a remote URL (no limit on the number of options).
  3. Google Sheets: Fetch options from a Google Sheet.
  4. Salesforce: Fetch options from Salesforce (no limit on the number of options).

Read our in-depth guide on dynamic dropdowns to learn more.

Uses

  1. Country, or region selection.

  2. Product selection in order forms.

  3. Selecting from a large list of options, like contacts, or categories.

Styling

  1. Multi-column layout: Use the layout setting under the General tab to display the field in a multi-column layout.

  2. Hide label: Check the Hide label from view setting under the General tab to hide the label from view.

  3. Randomize options: Check the Randomize options setting under the General tab to randomize the order of the options. This setting is useful for preventing bias in the selection process.

  4. Number of options in a row: Use the Number of options in a row setting under the General tab to display multiple options in a single row. Example, setting 1 here will display each option in a new row.

  5. Layout: Choose between a horizontal or vertical layout. The horizontal layout displays the icon / image to the left of the label. The vertical layout displays the icon / image above the label. The latter makes the field appear more prominent.

Validation

  1. Required: Check if the field is not empty.
  2. Min selections: Check if the user has selected a minimum number of options.
  3. Max selections: Check if the user has selected a maximum number of options.