Show/hide a textfield based on dropdown selection

[kirthim]

I have a dialog with 3 dropdowns A,B&C. Either of these will be displayed based on another dropdown using wrapperClass. Each dropdowns has 3 options X,Y,Z. When Z is selected, a text field must be shown, otherwise it must be remained hidden. Any inputs?

[MukeshYadav_]

Hi @kirthim ,

Please find https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager-blogs/show-hide-cq-dialog-...

Hope this will help.

Thanks,

[h_kataria · Accepted solution]

If you are using acs commons in your project then use this https://adobe-consulting-services.github.io/acs-aem-commons/features/ui-widgets/show-hide-widgets/in... and live happily ever after. Although I am curious why would you have 3 different dropdowns in your dialog with the same values.

[kapil_rajoria]

Hi @kirthim , please refer:
https://sadyrifat.medium.com/show-hide-aem-cq-dialog-fields-based-on-select-field-selection-a-compre...
 (or)
https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager-blogs/show-hide-cq-dialog-...

[Anudeep_Garnepudi]

@kirthim Try this  https://adapttoaem.blogspot.com/2021/02/aem-hideshow-touch-ui-dialog-fields.html