# How to use modal dropdown field?

**The module support display dynamic dropdown list. You can define model dropdown fields in the form as this:**

**Model Field 1 >> Model Field 2 >> Model Field 3**

Choose option of Model Field 1 will get list option of Model Field 2.

Choose option of Model Field 2 will get list options of Model Field 3.

Ex: choose model dropdown list steps by steps

**Model >> Mechine Type >> Rim Size >> Speed Rating**

![](https://91602845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK8JPKvC0yyuekzhWo58a%2Fuploads%2FeYB0JPx7lwqI5YVmWjy3%2F1.jpg?alt=media\&token=e1d595cf-3f16-4f89-9d00-d02f22c2d72d)

To make the field please follow as steps:

**Step1: Create model categories:**

We should create parent model categories before, then create children:

* Create model category item “Model”
* Create model category item “Machine Type”, and set parent item = “Model”
* Create model category item “Rim Size”, and set parent item = “Machine Type”
* Create model category item “Speed Rating”, and set parent item = “Rim Size”

![Machine Type](https://91602845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK8JPKvC0yyuekzhWo58a%2Fuploads%2F20Awh35SYPmrPY1A7uS8%2F2.jpg?alt=media\&token=0408ea09-9781-480f-b6db-b7faef437f5c)

**Step2: Create model items:**

We should create parent model item before, then create children:

* Create item for Category “Model” before:

**Dimension Serie –** Category = “Model”

* Create item is child of **Dimension Serie:**

**SST1200es** – Category = “Mechine Type”

* Create item is child of **SST1200es:**

**Demo Rim Size 1** – Category = “Rim Size”

* Create item is child of **Demo Rim Size 1:**

**Demo speed testing 1** – Category = “Speed Test”

* Then we will have a parent – children data tree as this:

**Dimension Serie >> SST1200es >> Demo Rim Size 1 >> Demo speed testing 1**

**Model >> Mechine Type >> Rim Size >> Speed Rating**

![Model Information](https://91602845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK8JPKvC0yyuekzhWo58a%2Fuploads%2FPs60XZutwxpglYffoet3%2F3.jpg?alt=media\&token=6f80aecc-082b-4cc2-a764-e1833defa9fb)

**Step3: Config Form Field**

* Edit the form builder profile
* Open tab “Form Creator”
* Add form field type “Model dropdown”
* Config field type as this:

![Config Form Field](https://91602845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK8JPKvC0yyuekzhWo58a%2Fuploads%2FGrh4Rl8XEf8BToEp0hM9%2F4.jpg?alt=media\&token=154ecd27-8539-48ab-a941-156e8677ecd9)

![Config Form Field](https://91602845-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK8JPKvC0yyuekzhWo58a%2Fuploads%2FOCAcsuFrbbJB3xQo7pr6%2F5.jpg?alt=media\&token=6bfee34d-8c7b-47aa-b1df-828e35b27074)

And config other options as you want.

**Note**: should add Data Model Categories by order Parent before then Children. **Model >> Machine Type >> Rim Size >> Speed Rating**


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://landofcoder.gitbook.io/magento-2-formbuilder/config-and-usage/how-to-use-modal-dropdown-field.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.