Adding "Change Thumbnail" button to an asset | Community
Skip to main content
daniel40228988
New Participant
Dec 5, 2019 11:48 AM UTC
Solved

Adding "Change Thumbnail" button to an asset

I noticed that you can add a thumbnail image for the folders in AEM Assets. As in the picture.

Do you know if it's possible to add that button to other assets files, such as zip-files and mp4 files?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
sunjot16
sunjot16Accepted solution
Employee
Dec 6, 2019 7:28 PM UTC

The file type for both folders & files/assets are different.

You can create some custom code(maybe using JS) that reads the number of assets on a page/in crx and adds button to them using JS with DOM.

You can get all the assets on the page and append the button to them using a loop or something like that.

On a page, the assets are basically enclosed in anchor tags which when clicked direct us to the clicked asset.

Ex:

let btn = document.createElement("button");

btn.className = "<bla bla bla>";

btn.appendChild(document.createTextNode("<bla bla bla>"));

EachAsset.appendChild(btn);

1 reply

sunjot16
sunjot16Accepted solution
Employee
Dec 6, 2019 7:28 PM UTC

The file type for both folders & files/assets are different.

You can create some custom code(maybe using JS) that reads the number of assets on a page/in crx and adds button to them using JS with DOM.

You can get all the assets on the page and append the button to them using a loop or something like that.

On a page, the assets are basically enclosed in anchor tags which when clicked direct us to the clicked asset.

Ex:

let btn = document.createElement("button");

btn.className = "<bla bla bla>";

btn.appendChild(document.createTextNode("<bla bla bla>"));

EachAsset.appendChild(btn);

Translate