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
BedrockMission!

Learn More

View all

Sign in to view all badges

Add a new button to assetdetails Screen

Avatar

Avatar
Validate 1
Level 2
mozzvinod
Level 2

Likes

3 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Applaud 5
View profile

Avatar
Validate 1
Level 2
mozzvinod
Level 2

Likes

3 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Applaud 5
View profile
mozzvinod
Level 2

16-09-2019

Hi All,

I need to add a new button on to the "assetdetails" screen below. Click action on this would open a new tab with URL like

https://<author-instance>/content/aemreview/en/documentreview.

html/content/dam/review/assets.jpg

1833799_pastedImage_0.png

It would be very help if someone can share a document or pointer on how to achieve this.

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Validate 1
MVP
Theo_Pendle
MVP

Likes

236 likes

Total Posts

251 posts

Correct Reply

105 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 10
Ignite 1
View profile

Avatar
Validate 1
MVP
Theo_Pendle
MVP

Likes

236 likes

Total Posts

251 posts

Correct Reply

105 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 10
Ignite 1
View profile
Theo_Pendle
MVP

18-09-2019

Hi Vinod,

Im happy it was useful!

To manipulate the order of overlaid nodes (or any node actually) you can add the following property to your custom action node:

sling:orderBefore - String - annotate

Here's the result when you refresh the page after making this change:

Peek 2019-09-19 06-58.gif

For more cool tips and tricks on overlaying and overriding nodes in AEM, have a look at this page: Using the Sling Resource Merger in AEM

Answers (3)

Answers (3)

Avatar

Avatar
Validate 1
MVP
Theo_Pendle
MVP

Likes

236 likes

Total Posts

251 posts

Correct Reply

105 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 10
Ignite 1
View profile

Avatar
Validate 1
MVP
Theo_Pendle
MVP

Likes

236 likes

Total Posts

251 posts

Correct Reply

105 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 10
Ignite 1
View profile
Theo_Pendle
MVP

18-09-2019

Hi,

Sorry for the slow reply, but your question inspired me to make a tutorial Here it is: https://medium.com/@theopendle/aem-adding-a-button-to-a-touchui-toolbar-ae1d1dc1c530. If you have any questions, don't hesitate!

Avatar

Avatar
Validate 1
Level 2
mozzvinod
Level 2

Likes

3 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Applaud 5
View profile

Avatar
Validate 1
Level 2
mozzvinod
Level 2

Likes

3 likes

Total Posts

13 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Applaud 5
View profile
mozzvinod
Level 2

18-09-2019

Thanks, this is great help.

QQ : I was able to create button using the information you shared. But I need to place this new button after Annotate link. If possible, how can it be done.

Thanks

Vinod

Avatar

Avatar
Coach
Employee
jbrar
Employee

Likes

377 likes

Total Posts

867 posts

Correct Reply

283 solutions
Top badges earned
Coach
Establish
Give Back 50
Give Back 5
Give Back 3
View profile

Avatar
Coach
Employee
jbrar
Employee

Likes

377 likes

Total Posts

867 posts

Correct Reply

283 solutions
Top badges earned
Coach
Establish
Give Back 50
Give Back 5
Give Back 3
View profile
jbrar
Employee

17-09-2019

Hi,

You can overlay "/libs/dam/gui/content/assetdetails" . Under this you will find all button and their respective action.

Once you overlay and add your new button, you can add variant, rendercondition and etc...

For example have a look at the implementation of move action /libs/dam/gui/content/assetdetails/jcr:content/actions/moveasset