PrimeFaces RowEditor - No Icon displayed

Question

I'm having trouble using the p:rowEditor from PrimeFaces. The problem is, the icon to click on is not displayed.

I did not modify the style class and use the default icon. Everything works fine in FF, Chrome and IE9.

Unfortunately, my project is supposed to run on IE8... but the icon is not visible there. Since this is the default browser we use at my workplace, there is no possibility to switch to another browser.

Do you guys know any work-around or fix, in order to make the rowEditor at least clickable? A text saying "Edit" is fine, instead of the icon.

Thanks in advance!

Answer 1

My suggestion is "set the X-UA-Compatible header(Primefaces version >= 3.0, if lower version you just add meta tag to h:head )":

<h:head>
  <f:facet name="first"> // remove this tag if primefaces's version is lower than 3.0
      <meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
  </f:facet>
  // other contents
</h:head>

Read more: Specifying legacy document modes