Embed image asset in my custom component using CRXDE Lite | Community
Skip to main content
Y
YuSheng
Level 3
March 31, 2022
Solved

Embed image asset in my custom component using CRXDE Lite

  • March 31, 2022
  • 1 reply
  • 1073 views

Dear all,

I am trying to make a custom header component. I drafted the html separately and put it under my project/components/content.

So far is all good except that I couldn't find the logo image in CRXDE. My idea was like upload the image to asset file at instance, then locate it in CRXDE so I can paste the path in my .html file under components/content/header/header.html.

I thought the image asset would have been stored in dam but it's not, could anyone kindly tell me where should I go to get the asset in CRXDE or perhaps I should do it in another way to embed image in my component?

Thank you very much!

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 YuSheng

Dear folks,

 

I found the way to do so. Put my solution here:

1. Upload the image file to your asset folder at instance

2. Click into the file and copy the URL then remove "assetdetails.html" in the URL

3. Paste this URL as src in the .html file of target component 

 

Notice: the solution is only for those images or icons people don't change frequently, e.g., print icon, arrow icon 

1 reply

Y
YuShengAuthorAccepted solution
Level 3
March 31, 2022

Dear folks,

 

I found the way to do so. Put my solution here:

1. Upload the image file to your asset folder at instance

2. Click into the file and copy the URL then remove "assetdetails.html" in the URL

3. Paste this URL as src in the .html file of target component 

 

Notice: the solution is only for those images or icons people don't change frequently, e.g., print icon, arrow icon 

    kautuk_sahni
    Community Manager
    kautuk_sahniCommunity Manager
    Community Manager
    March 31, 2022

    @yusheng Thank you for sharing the answer. This would help the AEM community in posterity. 

    Kautuk Sahni
    Terms & ConditionsAccessibility statement

    Loading footer...