create a tab | Community
Skip to main content
dhiraj85
Level 2
Jun 11, 2020 5:14 PM UTC
Solved

create a tab

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.
kautuk_sahni
kautuk_sahniAccepted solution
Employee
Jun 12, 2020 7:37 AM UTC

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
View reply

7 replies

dhiraj85Author
Level 2
Jun 13, 2020 4:47 AM UTC
@surabhi_katiyar hi,,can u please tell me whole process,,i am new in AEM,,so please help me
Translate
kautuk_sahni
kautuk_sahniAccepted solution
Employee
Jun 12, 2020 7:37 AM UTC

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

Translate
Kautuk Sahni
    Nirmal_Jose
    Nirmal_Jose
    Employee
    Jun 12, 2020 4:42 AM UTC

    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

    Translate
      dhiraj85Author
      Level 2
      Jun 12, 2020 2:03 AM UTC

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

      Translate
      vanegi
      vanegi
      Employee
      Jun 11, 2020 6:10 PM UTC

      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.

      Translate
        Shashi_Mulugu
        Shashi_Mulugu
        New Participant
        Jun 11, 2020 5:56 PM UTC

        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

         

        Translate
          Surabhi_Katiyar
          Surabhi_Katiyar
          Employee
          Jun 11, 2020 5:42 PM UTC

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

           

          /apps/weretail/components/content/tabs

           

           

           

           

          Translate
            Terms & ConditionsAccessibility statement

            Loading footer...