title: Using an image as a label of p:selectOneRadio
body: <p>Given the following list of <code>&lt;p:selectOneRadio&gt;</code>.</p>
  
  <pre><code>&lt;p:selectOneRadio layout="grid" columns="1" value="#{1}"&gt;
      &lt;f:selectItem id="paypal" itemValue="1" itemLabel="Paypal"/&gt;
      &lt;f:selectItem id="wireTransfer" itemValue="2" itemLabel="Wire Transfer"/&gt;
  &lt;/p:selectOneRadio&gt;
  </code></pre>
  
  <p>Is it possible to display an image as a label of <code>&lt;f:selectItem&gt;</code> so that the list looks something like the following?</p>
  
  <p><img src="https://i.stack.imgur.com/r8Tg1.png" alt="enter image description here"></p>
  
  <p>I tried using a <code>&lt;p:outputLabel&gt;</code> placing a <code>&lt;p:graphicImage&gt;</code> inside and removing the <code>itemLabel</code> attribute from  the<code>&lt;f:selectItem&gt;</code> inside the <code>&lt;p:selectOneRadio&gt;</code> but either way it did not work.</p>
  
  <pre><code>&lt;p:outputLabel for="paypal"&gt;
      &lt;p:graphicImage library="default" name="images/payments/paypal_logo.jpeg"/&gt;
  &lt;/p:outputLabel&gt;
  </code></pre>