https://answers.axonivy.com/questions/85/how-to-get-web-resouces-images-defined-in-a-css-file<p>Hello,</p> <p>In an HTML dialog, if I use either of the following instructions for importing a style: </p> <pre><code>&lt;h:outputStylesheet name="portlet/css/presential.css"/&gt; </code></pre> <p>or</p> <pre><code>&lt;link rel="stylesheet" href="#{resource['portlet/css/presential.css']}" type="text/css"/&gt; </code></pre> <p>the CSS file is loaded (see line #1 below) with the request attribute "<strong>?ln=xpertivy-14-WebContent</strong>".</p> <p>Unfortunately, it cannot find the images defined in the CSS (see 2 last lines). Notice that the request attribute above is not appended to the image request. <img alt="alt text" src="/upfiles/2013-11-18_17_14_13-screenshot.png"></p> <p>This could be important because if I manually request the following URL: <strong><code>http://localhost:8082/ivy/faces/javax.faces.resource/portlet/images/clock24.png?ln=xpertivy-14-webContent</code></strong></p> <p>I can successfully get the clock24.png image.</p> <p>Is it actually a bug, or is there a particular way to do it?</p> <p>Thanks.</p>enTue, 19 Nov 2013 10:01:12 -0500https://answers.axonivy.com/questions/85/how-to-get-web-resouces-images-defined-in-a-css-file/89<p>It should be possible to access images in the webContent folder if you reference the image similar to this in the .css file:</p> <pre><code>.my-icon { background-image:url(#{resource['portlet/images/clock24.png']}) !important; } </code></pre>Peter StöckliTue, 19 Nov 2013 10:01:12 -0500https://answers.axonivy.com/questions/85/how-to-get-web-resouces-images-defined-in-a-css-file/89https://answers.axonivy.com/questions/85/how-to-get-web-resouces-images-defined-in-a-css-file/88<p>It does not seem to be possible to access images within the webContent-folder from an externally loaded style-sheet. Maybe as a workaround: If you are using a PageTemplate, just put your style-definitions using images there. The code would be:</p> <pre><code> url("#{ivy.html.wr('task_abort.png')}") </code></pre> <p>...whereas the prefered way is to put in the CMS.</p> <pre><code> url("#{resource['ivy-cms:Images/image']}") </code></pre>Nikel WeisTue, 19 Nov 2013 09:09:08 -0500https://answers.axonivy.com/questions/85/how-to-get-web-resouces-images-defined-in-a-css-file/88