AEM Quickie 1: Add logo in your AEM Project



After you build your AEM project, doesn't it looks attractive to have a thumbnail for your installed project packages?

How to do it?

Step 1. Locate the "vault" folder inside "META-IMF" folder in project module like "ui.apps".

Step 2. Create a folder "definition" inside it.

Step 3. Add image inside this folder with the name "thumbnail.png".

Step 4. Create an XML file with the name ".content.xml" inside the "definition" folder and add the below code.


<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:vlt="http://www.day.com/jcr/vault/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0">
<thumbnail.png/>
</jcr:root>
view raw .content.xml hosted with ❤ by GitHub
That's it. Build your project now. After the package is installed you will see the thumbnail in your Package Manager.

Reference Link-
https://github.com/GargShubaham/aem-tools/tree/master/ui.apps/src/main/content/META-INF/vault/definition

Note: AEM Quickies is a series of short AEM articles.



Comments

Post a Comment

Popular posts from this blog

Image
AEM Navigator - A Chrome extension  AEM development is tough indeed. Navigating to various consoles for an AEM developer wastes a lot of time. So I have made this chrome extension which lets us navigate among various AEM consoles easily and way faster. It is developed as per touch UI. It also lets us open a page in edit mode, disabled mode, in CRXDE and open its page properties in just one click. Download and install the Chrome extension from here Watch the demo here- Features - 1. Open page in- Edit Mode Disabled Mode Open Page Properties Open in CRXDE 2. Most used consoles CRXDE Package Manager Welcome Page 3. Assets and Sites Open DAM Open Sites Open Templates 4.Felix console Bundles Configuration Manager AEM Logs 5.Miscellaneous Debug Clienlibs Query Builder Workflows Useradmin Miscadmin Tags Download and install the Chrome extension from here
Read more
Image
INTRODUCING AEM COMPONENT USAGE AUDIT MANAGER What components are we are using in this website? On which pages have we used the Carousel component? We all have been asked these questions out of nowhere. These simple questions take hours to be answered. We run queries we get the results we filter them and somehow prepare a report. This job is tiresome and somewhat a waste of time. Although AEM and ACS commons provide tools to automate this process. I personally didn't like them. I wanted to create a comprehensive and attractive audit report. Something that could give a complete overview with interesting designs. So I have created this tool which gives the audit report in a number of attractive designs.- http://localhost:4502/content/component-audit-manager.html Features- 1.Report Creation Wizard-   - Select path/paths to list down all the components being used in the pages.   - The table is sortable, searchable and can be do...
Read more
Image
Add custom Language in AEM 6.5 While making language copy for a site. We are provided an extensive list of languages. This list of languages can be found at  /libs/wcm/core/resources/languages However, sometimes we need to add a custom language of own. To do so we simply have to perform below steps Step 1: Override languages node from /libs to /apps Since it is highly recommended that we don't change anything in /libs directly , rather we should overlay/override them to /apps. So first we will override the entire node structure to /apps  Step 2: Add custom language to the languages node Step 3: Change configuration in ConfigMgr Search and open  Day CQ WCM Language Manager  and change language path from libs to apps  Step 4: Restart AEM instance The changes will not yet reflect unless we restar...
Read more