how to override the placeholder icons in AEM 6? | Community
Skip to main content
Level 2
October 16, 2015
Solved

how to override the placeholder icons in AEM 6?

  • October 16, 2015
  • 2 replies
  • 1320 views

Hi all,

 

I would like to override the icons of the cq component placeholders.I have found the Icons here:http://localhost:4502/libs/cq/ui/widgets/themes/default.css example: The placeholder icon for the Image Component is difined here

.cq-image-placeholder {background: url("default/placeholders/img.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);}

Now I would like to override the img.png with myImg.png. I have expended my the css file content\src\main\content\jcr_root\apps\myProject\components\content\image\clientlibs\image.css of the image Component as follow:

.cq-image-placeholder {background: url("myImg.png") !important;}

but nothing change.

How to override the placeholder icons in http://localhost:4502/libs/cq/ui/widgets/themes/default.css?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Sham_HC

Create a Image class that extends  http://dev.day.com/docs/en/cq/current/javadoc/com/day/cq/commons/ImageResource.html
 & specify myImg

2 replies

Sham_HC
Sham_HCAccepted solution
Level 10
October 16, 2015
October 16, 2015

I never try this