Sidebar icons

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
kimg
Posts: 61
Joined: 22 Aug 2013, 17:13

02 Oct 2017, 23:25

In the Serenety side bar theres the following?

icon=""

where are these icons defined and how do i get an overview of the icon / value mapping?

can they be used outside the sidebar?

Kim
Primefaces 6.2 / Glassfish 5 / Payara 5.182

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

03 Oct 2017, 07:58

Serenity uses Material icons; https://material.io/icons/

You can use material icons everywhere in page. Also,
- For modern browsers, you can use icon="delete"
- For all browsers(modern browsers and IE9 or below), you need to use icon=""

kimg
Posts: 61
Joined: 22 Aug 2013, 17:13

03 Oct 2017, 13:33

Thanks for your reply.

It works perfectly when writing the name of the material icon. and i don't care for older browsers.

but if i want to change to a FA icon i'd write:

<pm:menu>
<p:menuitem id="sr_dashboard" value="Start" icon="fingerprint" outcome="/user/index"/>
<p:menuitem id="sr_search" value="Søg" icon="fa fa-search" outcome="/user/search"/>


but the icon does not appear in the menu.

i have the following in my web.xml

<context-param>
<param-name>primefaces.FONT_AWESOME</param-name>
<param-value>true</param-value>
</context-param>

am I missing something here?
Primefaces 6.2 / Glassfish 5 / Payara 5.182

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

03 Oct 2017, 14:18

Added fontawesome support to next version.

Regards,

kimg
Posts: 61
Joined: 22 Aug 2013, 17:13

03 Oct 2017, 14:28

I look forward to that.

Thank you.
Primefaces 6.2 / Glassfish 5 / Payara 5.182

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

04 Oct 2017, 07:27

You're welcome!

Post Reply

Return to “Serenity - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests