Dropdown Element

This article explains how to configure and customize the dropdown element settings to collect user input effectively while aligning it with your design preferences.

About Dropdown Element

The Dropdown Element allows users to select from a predefined list of options within the contact/ newsletter form element, such as choosing a preferred contact method or subscription type.

example

It is an essential tool for creating organized and user-friendly forms and streamlining the collection of structured responses.

Dropdown Element Settings

Here are some customization options in dropdown element settings:

Note: This element can only be used when placed within a contact/newsletter element.

Item Management

Add/ Duplicate Items: Include new options in the dropdown list (e.g., “Option 1,” “Option 2”).
Delete Items: Remove unnecessary options from the dropdown menu.
Edit Item Text: Customize the text for each dropdown item to suit your form’s purpose.

Required

Toggle On or Off:

If enabled, users must select an option before submitting the form.
If disabled, users can skip the dropdown field.

Size

Field Size: Adjust the dropdown field to appear as small, medium, or large.
Width: Set a specific width for the dropdown menu to align with other form elements.

Typography

Customize the dropdown text style, font, size, and color to ensure consistency with your form’s design.

Align

If the full-width mode is not enabled, you can align the dropdown element to the left, center, or right as you wish.

Name

Assign a unique name to the dropdown field for backend tracking and form processing purposes.