Tabs component for Remote SPA | Community
Skip to main content
Level 2
September 2, 2023
Solved

Tabs component for Remote SPA

  • September 2, 2023
  • 1 reply
  • 929 views

Hi Team, 

Is there any project implemented Tabs Component for Remote SPA. Our project is remote SPA and AEM component data can be exported using Jackson exporter as page.model.json, entire rendering is happens on React code (Node JS application).


How to override Tabs Sling Model so that tabs component data can be exported as JSON.

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 EstebanBustamante

Hi, 

 

By default, all the core components are using the Sling Model Exporter feature, so the tabs component will be exporting the information for your SPA remote application already. In case you need to customize some of this information for your SPA, you can just use the "delegation pattern" to overwrite and customize the model that may not fit well to your use case.

 

Here is an example of how to customize the model by following the delegation pattern: https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/react/extend-component.html?lang=en#java-interface 

 

Hope it helps

 

 

1 reply

EstebanBustamante
Community Advisor and Adobe Champion
EstebanBustamanteCommunity Advisor and Adobe ChampionAccepted solution
Community Advisor and Adobe Champion
September 4, 2023

Hi, 

 

By default, all the core components are using the Sling Model Exporter feature, so the tabs component will be exporting the information for your SPA remote application already. In case you need to customize some of this information for your SPA, you can just use the "delegation pattern" to overwrite and customize the model that may not fit well to your use case.

 

Here is an example of how to customize the model by following the delegation pattern: https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/react/extend-component.html?lang=en#java-interface 

 

Hope it helps

 

 

Esteban Bustamante