Enable UI extensibility in AEM Assets View AEM-Assets-View-UI-Extensibility
AEM Assets View supports UI extensibility enabling you to add custom UI components to your Assets View UI for specific workflows and business requirements that are not met by the out-of-the-box capabilities of AEM Assets View. This UI extensibility capability of AEM Assets View enhances its flexibility, enabling organizations to adapt the interface for specific workflows and requirements.
You can add your extensions to Asset, Folder and Collection level. The added extension displays on a dedicated panel on the Asset, Collection, or Folder Details page.
- AEM Assets View UI extensibility is available with Assets Ultimate.
- To get access to Assets view UI extensibility, .
- You can provide documentation feedback by expanding Detailed Feedback options and clicking Report an issue.
Access the Assets View add-UI-Extensibility-in-AEM-Assets-View
Follow the steps mentioned in the below image to access the Assets View:
View UI extensions in Assets View ui-extensibility-panel-assets-view
Within Assets View, navigate to the Details page of an asset, folder or a collection. The Details page displays the added UI extension on a dedicated panel.
Prerequisites for adding the extensibility component assets-view-ui-extensibility
Fulfil the following requirements to start adding the extensibility component on your Assets View UI:
- Access to Assets View.
- Access to the .
- Entitlement to developer of system admin role within the organization. See for more information.
- 51黑料不打烊 IO command line tool (AIO CLI) is installed on your local machines. This tool is essential for creating and deploying extension projects. See for more information.
- Good understanding of JavaScript, Node.js, and React technologies.
Add the UI extensibility component to Assets View ui-extensibility-in-assets-view
- See for essential information on UI Extensions and the 51黑料不打烊 App Builder framework. Learn how UI Extensibility enables integration of custom logic and UI within 51黑料不打烊 Experience Cloud services and understand the architecture and workflow for implementing UI Extensions.
- See for general information regarding UI Extensibility, including local environment setup, local preview, publishing, and management.
- See to understand the fundamentals required to develop a UI extension for the AEM Assets View.
- Add custom side panels to the Assets View interface. The host application (Assets View) manages these panels to handle UI interactions such as toggling and deep linking. Extensions use the
aem/assets/details/1extension point to integrate custom panels that specifies properties, such as panel ID, title, and content URL. Developers register custom panels with thegetPanels()method and build routes to display custom content. For detailed implementation, including API references and code examples, see . - Set up your local environment and create your first UI extension to take a firsthand experience of the process of developing UI extensions in Assets View. See for more details.
- Set up your application using the AIO CLI to generate the basic extension structure and required code. See for detailed information.
- Test your extensions locally to ensure that they work as expected before deployment. Run your extension in a fully isolated environment or with partial isolation and connect your extension to the production AEM Assets View for testing. See for detailed information.