Dropdown Field in SureForms

In this guide, we will learn how to add and configure the Dropdown field in SureForms.

Adding a Dropdown Field

You can add a Dropdown field in two ways:

• Click on the Add Block (+) button and select Dropdown.
• Drag and drop the Dropdown block directly into your form.

Once added, you will see the field settings in the right sidebar.

General Settings

Under the General tab, you will find the following options:

1. Required Field

Enable the Required option if the field must be filled by the user.

Once enabled, an Error Message option will appear.
By default, the message is “This field is required.” You can edit this message as needed.

2. Help Text

You can add Help Text to guide users on how to select an option.
This text will appear below the dropdown field.

3. Placeholder

The placeholder helps users understand what the dropdown is for.
For example: Select an option or any custom message.

Options Settings

Inside the Options section, you will see two types:

• Static
• Dynamic

Static Options

Static options allow you to manually add values to the dropdown.

Edit Options

Each option includes:

1. Radio Button – Pre-select a default option.
2. Drag Handle – Reorder options using drag and drop.
3. Text Field – Enter the option label.
4. Icon Option – Add an icon to the dropdown item.
5. Delete Button – Remove the option.

Add New Option

You can type a new value in the text field and click Add to include it in the dropdown.

Bulk Add Options

Click on Bulk Add to open a popup.
Enter multiple values (one per line) and click Insert to add them all at once.

Add Numeric Value

Enable Add Numeric Value to assign numbers to dropdown options.
A number field will appear for each option.

These numeric values can be used for calculations inside the form.

Enable Search

Turn on Enable Search to allow users to search within dropdown options.

This is useful when you have many values.

Allow Multiple Selection

Enable Allow Multiple to let users select more than one option from the dropdown.

Dynamic Options

Dynamic options automatically fetch values from your website.

Under Source Type, you can choose:

• Post Type
• Taxonomy

If you select:

• Post Type – Choose the specific post type from the dropdown.
• Taxonomy – Select the required taxonomy.

Advanced Settings

Under the Advanced tab, you will find:

Conditional Logic

You can add conditions to control when the dropdown field is displayed.

For example, show this field only if another field has a specific value.

Additional CSS Classes

You can add custom CSS classes for advanced styling.

Summary

The Dropdown field in SureForms is flexible and easy to configure.
You can:

• Add static or dynamic options
• Enable search
• Allow multiple selections
• Assign numeric values for calculations
• Use conditional logic
• Customize error messages and help text

This helps you create interactive and user-friendly forms based on your needs.