create a tab | Community
Skip to main content
New Participant
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

dhiraj85Author
New Participant
June 13, 2020
@surabhi_katiyar hi,,can u please tell me whole process,,i am new in AEM,,so please help me
kautuk_sahni
kautuk_sahniAccepted solution
Employee
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
Nirmal_Jose
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

dhiraj85Author
New Participant
June 12, 2020

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

vanegi
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.

Shashi_Mulugu
New Participant
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

 

Surabhi_Katiyar
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