Dependent or Cascading Dropdown
In this video you will understand how to implement the Dependent dropdown or Cascading/Nested dropdown using values from Dynamic option or Reference fields values.
These dropdowns are needed when you want to control the values of the child dropdown depending on what is being selected in the parent dropdown.
For eg.,Country/City dropdown where you want to show the list of cities in the dropdown depending on which country is being selected.
1. Create a Child Field
In your collection create a Child Of field to establish a parent-child relationship between fields.Then Save your settings to finish.
2. Create a Reference Field
Then create a Reference field. You can add mutiple fields here and then Save your settings to finish.
3. Create an Event
Create an event to bind it to collection form and it will indicate what exactly has to be done. Choose the Add Event option from the Events option in the left menu. Name the event and click the Create button.
3.1 Define the Event
Form the Collection option choose the Create Dependent Dropdown option.
3.2 Fill the Form
In the form the appears mention the collection, the page, the collection fields, select the collection you wnat to delete and the record parameter. Then Save your settings.
4. Bind the Event
Now bind the event to the dropdown field. For this choose the Settings icon and the event you just created. Then save your settings.
5. Create a Filter
Then create a Filter in your collection. Here mention the parameters and save your settings. You can define conditions for this filter by choosing the Add Condition option. Then click the Create Filter option.
6. Bind the Filter
Now go back to your page and bind the filter to it. For this choose the Settings icon and the filter you just created. Then save your settings.
7. Preview the Changes
Now you can go back to the page and click Preview to view the cascading dropdown as defined in your settings.
