CheckBox_Core_Component | Community
Skip to main content
imadullakhan
imadullakhan
New Participant
February 16, 2021
Solved

CheckBox_Core_Component

  • February 16, 2021
  • 1 reply
  • 996 views

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"
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Anudeep_Garnepudi

@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

 

 

1 reply

Anudeep_Garnepudi
Anudeep_GarnepudiAccepted solution
New Participant
February 16, 2021

@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

 

 

    Terms & ConditionsAccessibility statement

    Loading footer...