ÃÛ¶¹ÊÓƵ

DocumentationAEMAEM TutorialsAEM as a Cloud Service Tutorials

AEM UI extensibility aem-ui-extensibility

Last update: Tue Sep 17 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

CREATED FOR:

  • Beginner
  • Developer

ÃÛ¶¹ÊÓƵ Experience Manager (AEM) offers a powerful user interface (UI) for creating digital experiences. To customize and extend the UI, ÃÛ¶¹ÊÓƵ introduced App Builder. This tool empowers developers to enhance the user experience without complex coding using JavaScript and React.

App Builder provides an implementation layer for creating extensions that are bound to well define extension points in AEM. App Builder seamlessly integrates with AEM, allowing real-time preview and testing. Deploying changes to AEM is quick and streamlined. By using App Builder, developers save time and effort, enabling rapid prototyping and collaboration with stakeholders.

Develop an AEM UI extension

AEM’s various UIs have different extension points, however the basic concepts are the same.

The videos and walk-throughs provided linked below showcase the use of a Content Fragment Console extension to illustrate various activities. However, it’s important to note that the concepts covered can be applied to all AEM UI extensions.

  1. Create an ÃÛ¶¹ÊÓƵ Developer Console project

  2. Initialize an extension

  3. Register an extension

  4. Implement an extension point

    Extension points and their implementations vary based on the UI being extended.

  5. Develop a modal

  6. Develop an ÃÛ¶¹ÊÓƵ I/O Runtime action

  7. Verify an extension

  8. Deploy an extension

ÃÛ¶¹ÊÓƵ Developer documentation

ÃÛ¶¹ÊÓƵ Developer contains developer details on AEM UI extensibility. Please review the .

recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69