Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Adding "Change Thumbnail" button to an asset

Avatar

Level 1

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

thumbnail.png

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

1 Accepted Solution

Avatar

Correct answer by
Employee

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);

View solution in original post

1 Reply

Avatar

Correct answer by
Employee

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);