Hello @SanketJa1
Quick things to check :
1. Browser console and network
Open dialog → Browser DevTools → Console:
Look for JS errors, especially from /libs/cq/gui/components/authoring/... or /libs/granite/ui/components/....
Network → filter clientlibs:
Check for 404/500 on /libs/.../clientlibs/... files.
2. Custom clientlibs in /apps
Check /apps/<project>/clientlibs:
Look for clientlibs with categories like cq.authoring.* or anything that might affect dialogs.
>>> Temporarily disable them (rename folder or exclude from build) and test:
If show/hide starts working, that clientlib is conflicting (wrong jQuery, broken JS, etc.).
3. Overlays of /libs dialog components
Look for overlays like:
/apps/cq/gui/components/authoring/dialog
/apps/granite/ui/components/...
4. Dialog is really Touch UI + node consistency
Ensure component has cq:dialog (Touch UI)
Compare the dialog nodes in CRXDE between your instance and teammate’s to ensure no extra/missing properties or typo in class/target.
5. Browser cache / extensions
Test in incognito/private window and in another browser.
Disable extensions (ad blockers, script blockers).
If it works only in incognito/other browser, clear cache or reset extensions.
Workaround that may help :
If the built‑in cq-dialog-checkbox-showhide script is not firing, add a tiny custom show/hide script:
Create an author clientlib, e.g. /apps/<project>/clientlibs/dialog-showhide:
jcr:primaryType = cq:ClientLibraryFolder
categories = [cq.authoring.dialog] (or a category you include from your dialog)
js.txt:
showhide.js
showhide.js content:
(function ($, $document) {
"use strict";
function toggleTarget($checkbox) {
var targetSelector = $checkbox.attr("cq-dialog-checkbox-showhide-target") ||
$checkbox.data("cqDialogCheckboxShowhideTarget");
if (!targetSelector) {
return;
}
var isChecked = $checkbox.is(":checked");
var $target = $(targetSelector);
if (isChecked) {
$target.removeClass("hidden");
} else {
$target.addClass("hidden");
}
}
$document.on("dialog-ready", function () {
$(".cq-dialog-checkbox-showhide").each(function () {
toggleTarget($(this));
});
});
$document.on("change", ".cq-dialog-checkbox-showhide", function () {
toggleTarget($(this));
});
})(Granite.$, jQuery(document));
>> Make sure your cq:dialog includes this clientlib (via extraClientlibs or a shared authoring category).
