Expand my Community achievements bar.

Radically easy to access on brand approved content for distribution and omnichannel performant delivery. AEM Assets Content Hub and Dynamic Media with OpenAPI capabilities is now GA.
SOLVED

Text Value Inside Download Dialog Box

Avatar

Level 2

Hi,
We have a requiremet to display a text value inside the Download dialog pop up(when we click the download button on an asset)

The text value which need to display inside the download dialog is stored inside metdata schema with i.e dam:xyz property and this value need to be retrived and it should display inside the download dialog.

5OlWp.png

 

please help me to solve above requirement.


1 Accepted Solution

Avatar

Correct answer by
Community Advisor

@VJain03 , there isn't a specific code snippet tailored to your use case. However, we can guide you in the right direction and suggest an approach to follow. If you're seeking inspiration or similar overlays, you could refer to the following blogs. Nevertheless, someone with a solid understanding of JavaScript and how Sling works should be able to adapt and create an overlay for the file I shared.

 

https://aemlab.blogspot.com/2022/07/aemaacs-authoring-asset-selector-in-dialog.html

https://blogs.perficient.com/2023/10/06/aem-customization-how-to-add-a-custom-action-button-to-the-a... 

 

Hope this helps.

 

 



Esteban Bustamante

View solution in original post

5 Replies

Avatar

Community Advisor

Hi,

 

You would need to overlay this file: /libs/dam/gui/coral/components/admin/downloadasset/clientlibs/downloadasset/downloadasset.js and add the logic to include the extra information you need. Alternatively, you could create a custom JavaScript script to inject into this popup and display the extra info.

 

More info: 

https://levelup.gitconnected.com/aem-5-best-practices-for-overlays-4babcbbb8a80

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/overlay-clientlibs/td-p/18... 

 

 

Hope this helps.



Esteban Bustamante

Avatar

Level 2

Thank you for the reply @EstebanBustamante It will me more helpful, if you can share the code snippet or a link with the similar kind of use case 

Avatar

Community Advisor

Hi @VJain03,
i guess this might be a bit more tricky to archive than it looks on the first glance.
There might be somebody here that is able to give you a code snippet that will push you into the right direction, BUT - in the end you probably will have to talk to a developer to get exactly what is needed.

It is a very interesting idea and i can see use cases for this.
Yet i also think that you will run into some challenges that you need to consider first.
How would the dialoge box behave if you have selected multiple assets?
What information do you want to give the user here?
Is this maybe something that can be done with a better tool then the download dialoge box?
For example, DRM related information would be better put into adobe_dam:restrictions. This will trigger the Copyright management before the user is able to download the assets. 


Regardless...
@EstebanBustamante 's approach points you into the direction of which script is responsible for this dialoge, how to create overlay nodes (since it is not a good idea to edit these things in /libs) and you can have a look at the code within this js file to see how it works, what properties get retrieved and which options are already to there to modify.
I would consider his reply to be the correct answer - as to - where do you need to add your changes - and - use an overlay node ;D

When you find a solution or get a better explanation - i am eager to learn about it
In case you get your answer from your developer - i would be very interested to know how this was solved! So please do not hesitate and update this tread, so others (and me) can learn how it was done.

Avatar

Correct answer by
Community Advisor

@VJain03 , there isn't a specific code snippet tailored to your use case. However, we can guide you in the right direction and suggest an approach to follow. If you're seeking inspiration or similar overlays, you could refer to the following blogs. Nevertheless, someone with a solid understanding of JavaScript and how Sling works should be able to adapt and create an overlay for the file I shared.

 

https://aemlab.blogspot.com/2022/07/aemaacs-authoring-asset-selector-in-dialog.html

https://blogs.perficient.com/2023/10/06/aem-customization-how-to-add-a-custom-action-button-to-the-a... 

 

Hope this helps.

 

 



Esteban Bustamante

Avatar

Administrator

@VJain03 Did you find the suggestions from users helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.



Kautuk Sahni