How to extend AEM CIF Dialog | Community
Skip to main content
M
MuhammadAh1
March 13, 2024

How to extend AEM CIF Dialog

  • March 13, 2024
  • 1 reply
  • 615 views

Hi,

 

There is a requirement where we may need to customize Product/Catalog picker which comes from CIF cloud-ready-feature add on, as shown in below screenshot using reactJS data in below dialog is being displayed.

wanted to know what kind of approach can be followed if we need to extend this feature and do our own customization.

@aanchal-sikka @imran__khan @arunpatidar -- Any Suggestions

 

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

TarunKumar
Community Advisor
TarunKumarCommunity Advisor
Community Advisor
March 13, 2024

HI @muhammadah1 ,

You can put your custom React code in the ui.frontend module which is a webpack project. A majority of the SPA development and testing is done in the webpack project. When a production build is triggered, the SPA is built and compiled using webpack. The compiled artifacts (CSS and Javascript) are copied into the ui.apps module which is then deployed to the AEM runtime.

You can follow below link for more details on it:

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/react/integrate-spa.html?lang=en


Thanks
Tarun

    S
    SaurbhSi
    March 13, 2024

    I think he is asking on standard way of extending AEM CIF dialogs just as we have AEM CIF Backend classes e.g. ProductRetriever to modify GraphQL call. There is no document on standard way of modifying AEM CIF Category / Dialog picker. 

      Terms & ConditionsAccessibility statement

      Loading footer...