Tab title not coming for dialog if we have one tab in AEMaaCS | Adobe Higher Education
Skip to main content
T
testtttt1
Level 2
March 12, 2024
Respondido

Tab title not coming for dialog if we have one tab in AEMaaCS

  • March 12, 2024
  • 2 respostas
  • 1214 Visualizações

Hi team,

 

We could not see the tab title for cq dialogs if we have only one tab in AEM as a Cloud Service. This is not the issue in on prem instances. Anyone faced this issue ?

 

PFA attached vanilla embed component.

Este tópico foi fechado para respostas.
Melhor resposta por arunpatidar

Hi @testtttt1 

This could be a change, to not show a tab if there is only 1.
I can see from code that the tab title is hidden via CSS

 

 

<coral-tablist hidden="hidden" ...

 

 

Example of hidden attribute and if I disable CSS for hidden attribute then I can see the tab.



If you have specific use case to show a single tab as well, then you can override this CSS and show the tab
Example:

 

form.cq-dialog coral-tabview > coral-tablist[hidden]{ display:flex !important; }

 




2 Respostas

pulkitvashisth
Community Advisor
pulkitvashisthCommunity Advisor
Community Advisor
March 12, 2024

Hi @testtttt1 
So when you say one tab, does that mean that you have tried with multiple tabs on AEMaaCS and it seems to work?

If that is not the case then can you try?
If it works then try adding another dummy tab parallel to your singular tab without any title (jcr:title="") and see if this works for you.
If none of the above works, can you post your cq:dialog xml code here so I can test on my system.

    T
    testtttt1Autor
    Level 2
    March 12, 2024

    Hi @pulkitvashisth ,

     

    Can you please try 'Embed' core component in AEM as a Cloud Service. It has 'Properties' tab but its title is not coming.

      arunpatidar
      Community Advisor
      arunpatidarCommunity AdvisorResposta
      Community Advisor
      March 12, 2024

      Hi @testtttt1 

      This could be a change, to not show a tab if there is only 1.
      I can see from code that the tab title is hidden via CSS

       

       

      <coral-tablist hidden="hidden" ...

       

       

      Example of hidden attribute and if I disable CSS for hidden attribute then I can see the tab.



      If you have specific use case to show a single tab as well, then you can override this CSS and show the tab
      Example:

       

      form.cq-dialog coral-tabview > coral-tablist[hidden]{ display:flex !important; }

       




      Arun Patidar
        T
        testtttt1Autor
        Level 2
        March 12, 2024

        Thank you. Will check with support team if this is intenionally hidden for a single tab.

          Termos e condiçõesAccessibility statement

          Loading footer...