If you try to use a Volt font icon e.g. icon-lightbulb in the <p:splitButton/> in the topbar.xhtml file, the icon is not rendered. Instead, a green arrow "^" is shown, although the generated xhtml says it uses the icon-lightbulb. FontAwesome font icons are rendered correctly.
Code: Select all
<p:splitButton value="Menu" icon="fa fa-wifi" appendTo="@this">
<p:menuitem value="Ideas" icon="icon-lightbulb" />
</p:splitButton>
Generated output for the <p:menuItem/>'s icon when using Volt font icons:
Code: Select all
<span class="ui-menuitem-icon ui-icon icon-lightbulb"></span>
Is this supposed to work like that? If not so, please let me know how I can make it work.