How to use “Dropdown” field

After creating your form, you will be redirected to the Form Builder screen.

In the right-hand panel, open the Elements tab. Under Standard Fields in the Add Fields section, click on Drop Down to add it to your form.

Quick Action Icons

You can use the shortcut icons to: 

• Edit details
• Adjust spacing (margin / padding)
• Duplicate the field
• Delete the field

General Settings:

• Label: Set the label for this field. This will be displayed to users
• Description: Provide additional information about this field. This will be displayed to users
• Dropdown Options: Define the options users can select from this dropdown. 
• Required: Mark this field as required to ensure users must fill it out

Appearance Settings:

• Placeholder: Set a placeholder text to provide users with a hint about the expected input
• Field Colors: Set individual colors for this field. These override the global theme colors
  • Input Background
  • Input Border
  • Text Color
  • Placeholder Text
  • Hover Border
  • Focus Border
  • Selected Value Color
• Field Label Visibility: Set the visibility of the field label. Options: Visible, Hidden

• Field Label Margin: Adjust the spacing around the field label
• Field Padding: Adjust the spacing around this field for better visual separation
• Field Margin: Adjust the spacing outside this field to control its position relative to other elements
• Field Icon: Add an icon to the input field for better visual appeal and user experience
• Field Border Radius: Set the border radius for this field in pixels
• Custom CSS Class: Add a custom CSS class to style this field

Advanced Settings:

• Default Value: Set a default value for this field
• Visibility: Set the visibility of this field. Options: Visible, Hidden, Administrative
• Enable Multiple Selection: Allow selecting multiple options in this dropdown

Conditional Logic Settings: 

Show or hide fields based on user answers. Available on Pro plan only.