Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events
SOLVED

Any way to add custom icons or color codes that are tied to custom metadata fields

Avatar

Level 3

I'd love to establish an easy visual for our end users to know which brands specific assets can be used for. Some assets can be used for all brands and other only specific ones. We don't have teams dedicated specifically to those specific brands so governance of this becomes challenging. If we could incorporate a visual into the image preview showing the end user which brands can use the specific assets that would be exceptionally helpful. And if we could tie that specific graphic to a custom field that would be even better. For example if we tag the field called "Brand" with "Brand A" then the Brand A logo appears in the space shown. See attached screenshot of what I'd love to be able to accomplish. You'll notice the small brand icons towards the bottom of the image preview card. If it can't be done with custom icons it would even be helpful if we could add color specific icons like many other DAMs have. Does anyone know of a way to establish anything remotely similar to this in AEM?

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @dmescia2 , it is possible to add extra icons based of metadata BUT you can only chose from the existing coral icons. I have had the exact same question a while back and found the solution in here.
Let me get that link for you:
https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager-assets/aem-assets-upgradin...

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

Hi @dmescia2 , it is possible to add extra icons based of metadata BUT you can only chose from the existing coral icons. I have had the exact same question a while back and found the solution in here.
Let me get that link for you:
https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager-assets/aem-assets-upgradin...

Avatar

Community Advisor

To be a bit more on the topic:
The jsp file you are looking for is here:
/libs/dam/gui/coral/components/admin/contentrenderer/card/asset/propertyList.jsp
You can create an overlay node of this and build in extra icons.
The icons you can choose from are here:
https://developer.adobe.com/experience-manager/reference-materials/6-5/coral-ui/coralui3/Coral.Icon....
And of course you can also modify the colors.