Zippy Form

Advanced Dropdown Field Integration

Easily integrate your application data into the Zippy Form field using the Advanced Dropdown Field. This feature allows you to enhance user experience by providing a more dynamic and interactive way to select options.

How to Set Up Advanced Dropdown Field

To integrate the Advanced Dropdown Field into your form, follow these steps:

Drag & Drop the Advanced Dropdown Field:
- 1) Go to your form builder interface.
- 2) Find the "Advanced Dropdown Field" in the list of available fields.
- 3) Drag and drop the field into your desired location on the form.
Edit Form Settings:
- 1) Click the "Edit" icon next to the Advanced Dropdown Field to access the Form Settings.
Configure Dropdown Options:
- 1) In the "General Settings" section, locate the "Dropdown Option API URL" field.
- 2) Enter the API URL that provides the options for the dropdown. Ensure that the API URL you provide returns the response in the required format.

Sample API Response Format

The API should return a JSON response in the following format:

# Json 


[
    {
        "id": "1abdc27c-3856-41c3-a7c6-444a8e91a12d",
        "label": "Karthick"
    },
    {
        "id": "2147c587-db98-4abd-9e62-d6f96b0abb54",
        "label": "Test User"
    },
]

id: The unique identifier for each dropdown option.

label: The display text for each option in the dropdown menu.

Important Notes

Ensure the API URL is accessible and returns the response in the exact format specified.
Test the advanced dropdown field to confirm that it populates correctly with the options provided by your API.

By following these steps, you can effectively set up and configure the Advanced Dropdown Field in your form to integrate seamlessly with your application data.