Unable to hide Tab in dialog based on checkbox when dialog opened

[praveenk9057427]

I am trying to hide Tab in dialog based on checkbox value.

Able to hide and show on change event of checkbox value.

But unable to hide it when we open dialog.

To hide Tab, I am doing like below 

$(".coral3-Tab[aria-controls=' "+$("#customId").closest(".coral3-Panel").attr("id")+" ']").hide();

Tried with dialog-ready event, but getting undefined. 

Could someone please suggest on any other approach?

Thanks in Advance.

[Kishore_Kumar_]

Hi @praveenk9057427 ,

Can you please refer the below document and try. It has detailed explanation steps for hiding tabs on page load and hide/show tabs on change event.

https://www.albinsblog.com/2019/02/how-to-hideshow-tabs-in-coral-3-ui-dialogs-aem.html#.YSYamo4zbIU 

[Asutosh_Jena_]

Hi @praveenk9057427 

Did you try with "dialog-loaded" event?

Similar discussion here:

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/tab-hide-not-working-in-di...

Thanks!

[praveenk9057427 · Accepted solution]

I am able to fix it. Thank you @Kishore_Kumar_  and @Asutosh_Jena_ .

The order of events I observed when loading dialog are like

"dialog-loaded"

"dialog-ready"

Normally - on dialog ready event we are able to show or hide individual fields. But if we want to hide a Tab based we need to get Tab id. That tab coral Id's are not available even on dialog-ready.

so I added Coral.commons.ready(function() {} );  and added based on checkbox value hide/show Tab id logic. Inside in coral ready function , am able to get the Tab id.

Thanks.

[laxmipriya]

Hi @praveenk9057427, Can you please share the complete js for the same?