Primefaces: How to add icon and <p:badges> inside <p:submenu> on Panel Menu?

Viewed 211

As title stated, I want to put icon and badge beside the title of submenu of Panel Menu. However, Primefaces' submenu default icon is the expand arrow/triangle. When I do this:

 <p:badge value="2">
        <p:submenu icon="pi pi-envelope">
 </p:badge> 

It will prompt error, and doing vice versa like wrapping badge and closing using </p:submenu> is impossible because there are menuitems also. Not to mention the icon is not showing.

So, can I really achieve this using free open source provided? Or this is exclusive to paid user only? Example from Primefaces template

1 Answers
Related