PrimeIcons in PF10 not displayed

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
synaptic
Posts: 22
Joined: 30 Jan 2019, 16:59

08 Dec 2021, 18:50

PrimeIcons are not displayed on PF v10.0.8 when using them the following way:

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>
08-Dec.-2021 09:59:36,127 INFO [restartedMain] [org.primefaces.webapp.PostConstructApplicationEventListener:42] - Running on PrimeFaces 10.0.8

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!
Sapphire Theme 5.0.0
PrimeFace (Elite) 12.0.3
Mojarra JSF 2.3.14.SP04 & OmniFaces 3.11.2

synaptic
Posts: 22
Joined: 30 Jan 2019, 16:59

10 Dec 2021, 02:08

ok, to whom it may concern,
accidently i've discovered that any icon from this page https://www.primefaces.org/showcase/ico ... fwid=eec67 up till "SEND" icon - are NOT working, all icons after "SEND" - works totally fine, considering order of appearance on the page as is.

:shock: :shock: :shock:

not working icons
  • sort-alt-slash
    arrows-h
    arrows-v
    pound
    prime
    chart-pie
    reddit
    code
    sync
    shopping-bag
    server
    database
    hashtag
    bookmark-fill
    filter-fill
    heart-fill
    flag-fill
    circle
    circle-fill
    bolt
    history
    box
    at
    arrow-up-right
    arrow-up-left
    arrow-down-left
    arrow-down-right
    telegram
    stop-circle
    stop
    whatsapp
    building
    qrcode
    car
    instagram
    linkedin
Sapphire Theme 3.0.0
PrimeFace (Elite) 10.0.8
Mojarra JSF 2.3.14.SP04 & OmniFaces 3.11.2
Sapphire Theme 5.0.0
PrimeFace (Elite) 12.0.3
Mojarra JSF 2.3.14.SP04 & OmniFaces 3.11.2

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

22 Dec 2021, 11:12

Hi,

This is not related to PF10. Could you please update the font files and css of primeicons? I'll update it in the next version.

Best Regards,

Post Reply

Return to “Sapphire - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests