Icons not loading through CSS in AEM 6.3 | Community
Skip to main content
meghag95928867
Level 2
Apr 25, 2018 6:50 AM UTC
Solved

Icons not loading through CSS in AEM 6.3

Hello Everyone,

We are developing our site in AEM 6.3 and created clientLibs under apps and set proxy as true.  But not able to access icons present in css.

Thanks,

Megha Gowroji

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Vijayalakshmi_S
    Vijayalakshmi_SAccepted solution
    Level 10
    May 8, 2018 3:25 AM UTC

    Hi,

    The images need to be placed in a folder named "resources" under clientlibs folder.

    In this case, rename the folder -  icon-images as resources

    Reference:

    Using Client-Side Libraries

    View reply

    4 replies

    meghag95928867Author
    Level 2
    Jun 11, 2018 11:14 AM UTC

    Hello Everyone,

    I have one more issue related with above question.

    When we use the images from resource folder in <img src="PATH_IMAGE_FROM_RESOURCE"> then in dispatcher we are not able to see the icons.

    If the same image is used in CSS then it works. Could you please suggest how can we achieve this?

    Thanks,

    Megha Gowroji

    Translate
    meghag95928867Author
    Level 2
    May 9, 2018 6:49 AM UTC

    Thank you vijis31358935​  it worked.

    Translate
    garth914
    Level 2
    May 8, 2018 1:08 PM UTC

    Plus, it appears that the clientlib which references the static resources needs to have @allowProxy set to true (as opposed to relying on allowProxy being set by an embedding clientlib).

    In other words, if clientlib_A embeds clientlib_B, and clientlib_B references static resources, clientlib_B must set allowProxy = true.

    It's not enough to rely on clientlib_A setting allowProxy and having that "cascade" through the embedded clientlibs. This turned out to be my problem.

    Translate
    Vijayalakshmi_S
    Vijayalakshmi_SAccepted solution
    Level 10
    May 8, 2018 3:25 AM UTC

    Hi,

    The images need to be placed in a folder named "resources" under clientlibs folder.

    In this case, rename the folder -  icon-images as resources

    Reference:

    Using Client-Side Libraries

    Translate
      Terms & ConditionsAccessibility statement

      Loading footer...