Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

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

kautuk_sahni
Community Manager
Community Manager

BlogImage.jpg

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.

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

0 Replies