I would like to display a checkbox icon in a datatable cell. So I did the following:
Code: Select all
<p:column headerText="Administrator">
<p:outputPanel layout="inline" styleClass="fa fa-check-square-o" />
<i class="fa fa-check-square-o" />
<p:outputPanel layout="inline" rendered="#{contact.isAdministrator()}" ><i class="fa fa-check-square-o" /></p:outputPanel>
<p:outputPanel layout="inline" rendered="#{!contact.isAdministrator()}"><i class="fa fa-square-o" /></p:outputPanel>
</p:column>
https://www.dropbox.com/s/apgwqvemkv77l ... 1.jpg?dl=0
In case of the <i class=.... the used .css rulse look like this ->
https://www.dropbox.com/s/pktyar1pqliy9 ... 3.jpg?dl=0
In case of the outputPanel like this ->
https://www.dropbox.com/s/md4hh4513687y ... 2.jpg?dl=0
When I remove the font-family in the theme.css the icon is also displayed for outputPanel.
The problem is, that the font-family gets transpiled from the pandora-theme scss files and I wouldn't like to change them.
Of course I also could use the <i class...> solution, but since this problem occurs in all .ui--widgets, it would be great if you could fix the theme.
br
Thomas