CheckBox_Core_Component | Community
Skip to main content
imadullakhan
imadullakhan
Level 3
February 16, 2021
Solved

CheckBox_Core_Component

  • February 16, 2021
  • 1 reply
  • 1001 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
Community Advisor
Anudeep_GarnepudiCommunity AdvisorAccepted solution
Community Advisor
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

 

 

AG
    Terms & ConditionsAccessibility statement

    Loading footer...