CheckBox_Core_Component

Question

Hi @16227148 can anyone help me to do this core component"when I select the checkbox, a new text field show is displayed. If the checkbox is unchecked, the text field should be hidden"

Anudeep_Garnepudi · Accepted Answer

@imadullakhan

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

Sign up

Login with SSO

Login to the community

Login with SSO