Why images are not load in custom portlet?

[Mahendra Panchal, módosítva 9 év-val korábban]

Hello All,

here is my portlet directory structure.

docroot/css
docroot/images
docroot/js
docroot/jsps

in this everything load and work fine. but i can not load any images which can be set in my custom css.
like:
.set-left-arrow{
background-image: url("../images/lfr-arrow.png") important;
}

i'm put lfr-arrow.png in images folder as u seen above. sturucture.

[Suresh Nimmakayala, módosítva 9 év-val korábban]

try
background: url(@theme_image_path@/lfr-arrow.png)

[Olaf Kock, módosítva 9 év-val korábban]

When the browser sees

.set-left-arrow{
background-image: url("../images/lfr-arrow.png") important;
}

it assumes that ../images/lfr-arrow.png is either relative to the whole page (e.g. /web/guest/home) or to an explicitly given base. You should be able to see in HTML which item is not found and adjust the image's path according to it.

[Mohammad Danish, módosítva 9 év-val korábban]

You need to pass it like this

.set-left-arrow{
background-image: url("/YOUR_PORTLET_Project_name/images/lfr-arrow.png") important;
}

[Nader Jafari, módosítva 9 év-val korábban]

your css file after deploy the portlet is in docroot/css/.sascache
try
.set-left-arrow{
background-image: url("../../images/lfr-arrow.png") important;
}