Code: Select all
<i class="pi pi-bolt layout-menuitem-icon"></i>
Code: Select all
<!DOCTYPE html>
<html ...
<head>...</head>
<body>...
<h:outputStylesheet name="primeicons/primeicons.css" library="primefaces"/>
<h:outputStylesheet name="css/primeicons.css" library="sapphire-layout"/>
<h:outputStylesheet name="css/primeflex.min.css" library="sapphire-layout"/>
<h:outputStylesheet name="css/layout-#{guestPreferences.layout}.css" library="sapphire-layout" />
</h:body>
</html>
Note: when I use PrimeIcons available from Sapphire template, the icons displayed totally ok. But if I use icons that is not available from Sapphire template, but from PrimeIcons - than those icons are not getting displayed at all (just blank empty space).
What am I missing?
Appreciate the help!