Show/Hide dialog property on check/uncheck of another property of dialog in AEM Cloud | Community

Level 4

Question

Show/Hide dialog property on check/uncheck of another property of dialog in AEM Cloud

Forum|Forum|2 years ago
April 27, 2023
3 replies
1866 views

I'm developing a custom component in which in dialog I want to show/hide some fields only on check/uncheck of other fields. For eg, I have a checkbox for "Tag", so if someone checks it, then the tagfield shows and user can select the tags. If unchecks then than field will be hidden. Will be helpful if any solutions are provided.

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

Saravanan_Dharmaraj

Community Advisor

Community Advisor

@nikita24tailor Please check the similar examples

https://aemhints.com/2020/11/02/show-hide-fields-in-aem-dialog/

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-hide-show-fields-based-on-checkbox-in-aem-6-5/m-p/357722

Level 7

Hello @nikita24tailor - Please check following posts

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

https://levelup.gitconnected.com/aem-conditionally-show-or-hide-fields-in-touchui-dialogs-with-coral-3-ie-aem-6-3-bfd48c261012

Additionally, you can check this link to show/hide dialog fields based on checkbox selections.

https://adobe-consulting-services.github.io/acs-aem-commons/features/ui-widgets/show-hide-widgets/index.html

Community Advisor

Community Advisor

The whole process is described here
https://levelup.gitconnected.com/aem-conditionally-show-or-hide-a-field-based-on-a-checkbox-widget-or-anything-else-6b23b2515810

You will be need to write some js.