Expand my Community achievements bar.

SOLVED

Customizing the component browser in AEM 6.1

Avatar

Level 4

I'm interested in customizing the component browser, primarily to reduce the emphasis on the colored bars. I've seen customizations for the asset finder, so I'm guessing it's possible; can anyone point me to an example for the component browser?

Thanks

1 Accepted Solution

Avatar

Correct answer by
Level 2

It's indeed possible to customize the component browser; however, there are no specifics out of the box hooks provided like for the asset finder.
Component cards are rendered by the script /libs/cq/gui/components/authoring/componentbrowser/component/component.jsp. So if you want to change the rendering, you could overlay this file and provide your custom rendering. Also, the default styling of those cards are defined in /libs/cq/gui/components/siteadmin/admin/components/clientlibs/components/css/card.css (for instance, the different colors are defined there).

View solution in original post

1 Reply

Avatar

Correct answer by
Level 2

It's indeed possible to customize the component browser; however, there are no specifics out of the box hooks provided like for the asset finder.
Component cards are rendered by the script /libs/cq/gui/components/authoring/componentbrowser/component/component.jsp. So if you want to change the rendering, you could overlay this file and provide your custom rendering. Also, the default styling of those cards are defined in /libs/cq/gui/components/siteadmin/admin/components/clientlibs/components/css/card.css (for instance, the different colors are defined there).