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

[nikita24tailor]

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.

[Saravanan_Dharmaraj · Accepted solution]

@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-ba...

[Tanika02]

Hello @nikita24tailor - Please check following posts 

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

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

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/in... 

[kaikubad]

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

You will be need to write some js.