78. Show/Hide dialog fields with a Dropdown in AEM.
Show/Hide(toggle) dialog fields with a Dropdown in AEM: There may be a requirement when you want to change the dialog fields based on the selection of the dropdown/checkbox.
In this video I have showed you how you can create toggleable dialog fields. There is a secret show/hide client library to show/hide the fields based on a dialog's select drop down.
Aem provides the show/hide client library located at the jcr path /libs/cq/gui/components/authoring/dialog/dropdownshowhide. This client library has a category cq.authoring.dialog that means it is available in the every dialog of AEM.
There are 4 steps to use dropdown showhide.
1. Add cq-dialog-dropdown-showhide class to dropdown.
2. Add cq-dialog-dropdown-showhide-target data attribute to the dropdown and value will be jquery selector.
3. Add the selector class to each field to show/hide.
4. Add showhidetargetvalue data attribute with value of select dropdown option.
With these steps performed you will be able to toggle fields on the select dropdown in aem.
share, support, like and subscribe
Subscribe : https://www.youtube.com/channel/UC5Lc...
LinkedIn : / pankaj-ch. .
Facebook : / pankajchhatri
Twitter : / pankajchhatri
Google plus : https://plus.google.com/u/0/+pankajch...
About : AEM/CQ5 tutorial is a youtube channel which helps you to learn AEM concepts theoretically as well as practically.