Extend and Customize AEM Component Action Toolbar | AEM Community Blog Seeding

Extend and Customize AEM Component Action Toolbar by Initialyze

Abstract

In this blog, we will learn how to add a new custom action item to the component toolbar.

To extend or customize the component action toolbar, at a high level we need to do the following:
1. Create a component for the custom action
2. Overlay the toolbar from WCM
3. Add a custom action item node
4. Implement client library (javascript) to handle the click on the action

Step 1 – Create a component for the custom action
First of all we need to create a component for the custom action item. This component will be shown or popup when you click on your custom action.

For example, let’s create a custom action component here: /apps//components/actions/myaction

myaction.html

MyAction Header

This is a content.

Notice the above code snippet, we have defined the id for the custom Action item which will be used in the Javascript later to target.

Read Full Blog

Extend and Customize AEM Component Action Toolbar

Q&A

Please use this thread to ask the related questions.