AEM 6.3 How to show/hide tabs in a component based on the dropdown

Question

I'm trying to show/hide add tabs as per the number i select in the drop down

PFA image for the dialog. If i select 2 from the sub Menu Style , only column1 and column 2 should be visible.

I tried some approach from

Home · aman02deep/aem-6.2 Wiki · GitHub

aem-6.2/tabshideshow.js at master · aman02deep/aem-6.2 · GitHub but they aren't working for me

It would be helpful if you provide me the same functionality with checkbox alongside drop down selection

TIA

m_naveed · Accepted Answer

Since release 3.19.0, ACS AEM Commons provides the functionality to show/hide dialog fields and tabs using dropdown selection or checkbox selection or the combination of both. Moreover, a required field validator is also available which applies validation only when the field is visible.

ACS AEM Commons: Show/Hide dialog fields/tabs with dropdown, checkbox or the combination of both

arunpatidar · Answer

Hi,For checkbox you can use same code except binding on select event, you need to call your code to show hide on change event.e.g.$(".checkbox").change(function() { if(this.checked) { //Do stuff }});

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded