<?xml version="1.0" encoding="utf-8"?>
<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title>Answers to: How to show a project image with p:graphicImage</title><link>https://answers.axonivy.com/questions/38/how-to-show-a-project-image-with-p-graphicimage</link><description>&lt;p&gt;I have graphic image tag in my project . I have my image inside the projectfolder/webconent/META-INF/resources/images/example.jpg and i declared tag like this&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;&amp;lt;p:graphicImage library="resources" name="images/example.jpg"&amp;gt;&amp;lt;/p:graphicImage&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;But the image is not displaying&lt;/p&gt;</description><atom:link href="https://answers.axonivy.com/questions/38/how-to-show-a-project-image-with-p-graphicimage" rel="self"></atom:link><language>en</language><lastBuildDate>Mon, 28 Oct 2013 13:55:51 -0400</lastBuildDate><item><title>Answer by Reguel Wermelinger</title><link>https://answers.axonivy.com/questions/38/how-to-show-a-project-image-with-p-graphicimage/39</link><description>&lt;p&gt;The image should not be stored in the META-INF folder. But you can place it in the /webcontent/images/ directory and then reference it either without the library: &lt;br&gt;&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;&amp;lt;h:graphicImage name="images/example.jpg" /&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;or with the ivy-webcontent library:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;&amp;lt;h:graphicImage library="ivy-webcontent" name="images/example.jpg" /&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Image resource could also be stored and consumed from the &lt;code&gt;dialog/resources&lt;/code&gt; folder or from the CMS. 
If no library is declared the lookup for resources which match the name proceeds as follows:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;find the resource in the &lt;strong&gt;resources&lt;/strong&gt; folder within the active &lt;strong&gt;user dialog&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;find the resource in the &lt;strong&gt;webContent&lt;/strong&gt; folder of the current &lt;strong&gt;project&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;find the resource in the &lt;strong&gt;webContent&lt;/strong&gt; folder of the &lt;strong&gt;required projects&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;An example implementation is delivered within the Designer in the &lt;em&gt;applications/samples/&lt;strong&gt;HtmlDialogDemos&lt;/strong&gt;&lt;/em&gt; folder. Import that project into your designer and inspect the dialog &lt;code&gt;"ch.ivyteam.htmldialog.demo.output.ResourceDemo"&lt;/code&gt; for an easy reference.&lt;/p&gt;</description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Reguel Wermelinger</dc:creator><pubDate>Mon, 28 Oct 2013 13:55:51 -0400</pubDate><guid>https://answers.axonivy.com/questions/38/how-to-show-a-project-image-with-p-graphicimage/39</guid></item></channel></rss>