* - add the class hidden to each target component to make them initially hidden * - add the target class to each target component that can be shown/hidden * selector, usually a specific class name, to find all possible target elements that can be shown/hidden. * - add the data attribute cq-dialog-dropdown-showhide-target to the dropdown/select element, value should be the * - add the class cq-dialog-dropdown-showhide-multival to the dropdown/select element * selection made in the dropdown/select in multifield and multivalued. It enabled hidding/unhidding of other components based on the * Extension to the standard dropdown/select component. Choose the category name you prefer and add the following JS file: val1, val2) should equal the value of the select. add the target class to each target component that can be shown/hidden, add the class hidden to each target component to make them initially hidden and add the attribute showhidetargetvalue to each target component, the value(or commma separated multiple values e.g. add the data attribute “cq-dialog-dropdown-showhide-multiple-target” to the dropdown/select element, value should be the selector, usually a specific class name, to find all possible target elements that can be shown/hidden (see assetType). add the class “cq-dialog-dropdown-showhide-multival” to your dropdown (see assetType).add your clientlib category in the “extraClientlib” property, as shown above.This is a very simple dialog, it’s just to show you how it works.
0 Comments
Leave a Reply. |