Show/hide a textfield based on dropdown selection

4 replies
1062 views
Translate All

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?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

h_katariaAccepted solution

Community Advisor

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/index.html and live happily ever after. Although I am curious why would you have 3 different dropdowns in your dialog with the same values.

MukeshYadav_

Community Advisor

Hi @pixislinger ,

Please find https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager-blogs/show-hide-cq-dialog-fields-based-on-drop-down-selection-in-aem/ba-p/563950

Hope this will help.

Thanks,

Translate

h_kataria

Accepted solution

Community Advisor

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/index.html and live happily ever after. Although I am curious why would you have 3 different dropdowns in your dialog with the same values.

Translate