> For the complete documentation index, see [llms.txt](https://landofcoder.gitbook.io/magento-2-formbuilder/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://landofcoder.gitbook.io/magento-2-formbuilder/config-and-usage/how-to-use-modal-dropdown-field.md).

# 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**