create a tab | Community
Skip to main content
D
dhiraj85
June 11, 2020
Solved

create a tab

  • June 11, 2020
  • 7 replies
  • 4677 views

Hi friends

                i have a requirement to create tab in AEM, i saw all the component in design but not got,,so can you please suggest me how to create a tab component in AEM, i have tabs component in /apps/weretail/components/content/tabs but i dont know how to use that,,i am new in AEM,,can u please help me

 

 

Thanks 

 

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 kautuk_sahni

Answer by @nirmal_jose 

 

Adobe core component 'tab' [1] has got some very good features like highlight tab on load, nest tab etc. In case you want an enhanced user experience on top of this functionality, overlay this component to style the presentation. 

In one of my projects, we had done multiple enhancements like icon, better hover effect etc

[1] - https://aemcomponents.dev/content/core-components-examples/library/container/tabs.html

7 replies

Surabhi_Katiyar
Adobe Employee
Surabhi_KatiyarAdobe Employee
Adobe Employee
June 11, 2020

There is an OOTB Tab component. The location of the OOTB component in the repository is 

 

/apps/weretail/components/content/tabs

 

 

 

 

    Shashi_Mulugu
    Community Advisor
    Shashi_MuluguCommunity Advisor
    Community Advisor
    June 11, 2020

    You can extend Core components created by Adobe which is production ready, easily configurable with all latest features

    https://docs.adobe.com/content/help/en/experience-manager-core-components/using/components/tabs.html

     

      vanegi
      Adobe Employee
      vanegiAdobe Employee
      Adobe Employee
      June 11, 2020

      You can download the demo component package (tab-component-1

      -0.zip) from https://helpx.adobe.com/experience-manager/using/htl_tab_component.html and deploy using package manager.

        D
        dhiraj85Author
        June 12, 2020

        yes..i am getting this..but this is not complete,

        Nirmal_Jose
        Adobe Employee
        Nirmal_JoseAdobe Employee
        Adobe Employee
        June 12, 2020

        Adobe core component 'tab' [1] has got some very good features like highlight tab on load, nest tab etc. In case you want an enhanced user experience on top of this functionality, overlay this component to style the presentation. 

        In one of my projects, we had done multiple enhancements like icon, better hover effect etc

        [1] - https://aemcomponents.dev/content/core-components-examples/library/container/tabs.html

          kautuk_sahni
          Community Manager
          kautuk_sahniCommunity ManagerAccepted solution
          Community Manager
          June 12, 2020

          Answer by @nirmal_jose 

           

          Adobe core component 'tab' [1] has got some very good features like highlight tab on load, nest tab etc. In case you want an enhanced user experience on top of this functionality, overlay this component to style the presentation. 

          In one of my projects, we had done multiple enhancements like icon, better hover effect etc

          [1] - https://aemcomponents.dev/content/core-components-examples/library/container/tabs.html

          Kautuk Sahni
            D
            dhiraj85Author
            June 13, 2020
            @surabhi_katiyar hi,,can u please tell me whole process,,i am new in AEM,,so please help me
            Terms & ConditionsAccessibility statement

            Loading footer...