Summary

Error Messages

Steps to Reproduce

1. Create a layout
2. Select header type as Collapsible
3. Add Expand When condition
4. Add a button on the section and configure a data transform by setting property on click of the button
5. Click the button. The Expand When condition is false and the expanded header is not collapsed automatically

Root Cause

Resolution

1. Navigate to the Presentation tab > Advanced options
2. Set 'expandWhen' as Custom Casdading Style Sheets (CSS) class in the Advanced options where Expand When condition is referred
3. In the UserWorkForm rule, add the below script:
   <script> 
   $(document).ready(function(){ 
   $(".ManualActivationCollapse").click(function(){ 
   var expandWhenDL = $(this).closest('.expandWhen'); 
   var parentExpandDiv = expandWhenDL.parent(); 
   if(parentExpandDiv){ 
   var hiddenInput = parentExpandDiv.children("#EXPAND-INDICATOR"); 
   hiddenInput.attr("value"," "); 
   } 
   }); 
   }); 
   </script>