AEM Tips & Tricks

Since release 3.19.0, ACS AEM Commons provides the functionality to show/hide dialog fields and tabs using dropdown selection or checkbox selection or the combination of both. Moreover, a required field validator is also available which applies validation only when the field is visible. How to use As the first step, add the ClientLibs category  acs-commons.widgets.showhidedialogfields as your project ClientLibs dependency. Add the empty property acs-cq-dialog-dropdown-checkbox-showhide to the dropdown/select or checkbox element Add the data attribute acs-cq-dialog-dropdown-checkbox-showhide-target to the dropdown/select or checkbox element, The value should be the selector, usually a specific class name, to find all possible target elements that can be shown/hidden. Add the target class to each target component that can be shown/hidden Add the class hide to each target component to make them initially hidden Add the attribute acs-dropdownshowhidetargetvalue to the target