Hi @everyone
can anyone help me to do this core component"
Solved! Go to Solution.
Views
Replies
Total Likes
Create a custom listener file and add below code and update field names.
jQuery(document).on("dialog-ready", function() {
$(document).on("change", "[name='./checkbox-name']", function(e) {
if($(this).prop("checked")) {
// Logic Checked
$("input[name='./inputbox-name']").closest(".coral-Form-fieldwrapper").show();
} else {
// Logic un checked
$("input[name='./inputbox-name']").closest(".coral-Form-fieldwrapper").hide();
}
});
});
Check out below post for more details.
https://adapttoaem.blogspot.com/2021/02/aem-hideshow-touch-ui-dialog-fields.html
Create a custom listener file and add below code and update field names.
jQuery(document).on("dialog-ready", function() {
$(document).on("change", "[name='./checkbox-name']", function(e) {
if($(this).prop("checked")) {
// Logic Checked
$("input[name='./inputbox-name']").closest(".coral-Form-fieldwrapper").show();
} else {
// Logic un checked
$("input[name='./inputbox-name']").closest(".coral-Form-fieldwrapper").hide();
}
});
});
Check out below post for more details.
https://adapttoaem.blogspot.com/2021/02/aem-hideshow-touch-ui-dialog-fields.html