Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

CSS change in clientlibs does not reflect on web page

Avatar

Level 2

Change to the CSS clientlibs files have produces no change in the CSS applied to our pages.

We have tried the following, all of which did not work:

  1. Editing in our local Eclipse project and manually uploading the zip to the package manager
  2. Editing in CRXDE
  3. Rebuild the clientlibs folder at /libs/granite/ui/content/dumplibs.rebuild.html
  4. Restarting the CQ5 instance

In each of these attempts the changes to the CSS were present in the code when viewed from CRXDE but when the page rendered the CSS files did not contain the changes.

We believe CQ5 is holding on to a copy of our aggregated CSS files and not recompiling our changes.

What other options do we have?

1 Accepted Solution

Avatar

Correct answer by
Employee

Please use http://adobe-consulting-services.github.io/acs-aem-commons/features/versioned-clientlibs.html . This was implemented to handle this issue. This issue is not related to AEM per se. IT is just the way css is cached by the browser.

View solution in original post

5 Replies

Avatar

Level 10

Did you try render to multiple browsers and make sure that the page was not cached. When you update a CSS in a client lib - the changes are reflected in the page. Also try making another clientlibs folder - with new cat value under /apps for testing. 

Avatar

Level 2

I have tried viewing the pages in different browsers and in Firefox private/Chrome incognito browsers and they changes do not show. In terms of creating another clientlibs folder I currently house my css files under /etc/designs/{company}/{clientlibs folder}.

Avatar

Level 10

I have never seen this before - typically clearing cache works. However - see this Stackoverflow thread to see if it helps:

http://stackoverflow.com/questions/26978703/adobe-cq5-frequent-building-of-clientlibs-folder

Avatar

Level 2

/var/clientlibs/etc and /var/clientlibs/apps both do not seem to contain cached versions of my clientlibs. When I view the css being applied to my components it appears in either a global.css or styles.css file. I assumed this was all of my clientlibs css files aggregated.

Looking at where my css file clientlibs are in Eclipse shows them under:

src/main/content/jcr_root/etc/designs/{company}/{clientlibs}

Examples of clientlibs are clientlibs.global/css/global.css. Folders under .global consist of css, flash, images, and js.

Avatar

Correct answer by
Employee

Please use http://adobe-consulting-services.github.io/acs-aem-commons/features/versioned-clientlibs.html . This was implemented to handle this issue. This issue is not related to AEM per se. IT is just the way css is cached by the browser.