Expand my Community achievements bar.

SOLVED

CQ/component dialog: pre-populate form fields based on dropdown list selection

Avatar

Level 9

This is for a component dialog (and not a rendered page). An content author will be configuring this.

-------------------------

might be best explain with an example:

 

I have a dropdown list for product items (example: the list contains all the model numbers Bose QuietComfort series).

 

If I select QC25 from the list, the 2 fields below the dropdown will auto-populate with data regards QC25.

 

example:

field1 => wireless  capability | value = Yes

field2 => description | value = "insert some text here"

 

something like this:

 

2023-07-17 16_54_34.png

Any ideas on how this can be done?

1 Accepted Solution

Avatar

Correct answer by
Employee

Hi @jayv25585659  

Your Use case is to develop cascading dropdown list.

You can refer below Blog to get the reference how you can implement this.

https://jimfrenette.com/aem/components/dialog-coral-ui-select-cascade/

 

View solution in original post

1 Reply

Avatar

Correct answer by
Employee

Hi @jayv25585659  

Your Use case is to develop cascading dropdown list.

You can refer below Blog to get the reference how you can implement this.

https://jimfrenette.com/aem/components/dialog-coral-ui-select-cascade/