Side bar PrimeIcons not showing

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
kotarac
Posts: 2
Joined: 28 Sep 2016, 23:42

20 May 2022, 16:19

Hi,
I upgraded from Serenity theme 2.1.0 to 4.1.0 and from Primefaces 6.0. to 11.0. As consequence aftr I changed all material icons to PrimeIcons, side bar is not rendering icons at all.
PrimeIcons are correctly rendered everywhere except side bar.

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

25 May 2022, 11:26

Hi,

Interesting! Could you please attach a screenshot for us to replicate?

Best Regards,

kotarac
Posts: 2
Joined: 28 Sep 2016, 23:42

25 May 2022, 16:30

https://www.dropbox.com/s/m64bxxsw2gsnu ... s.png?dl=0
Here is the screen shot.
And here is sidebar.xhtml

Code: Select all


<ui:composition
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui"
        xmlns:ps="http://primefaces.org/serenity">

    <div class="layout-sidebar #{guestPreferences.darkMenu ? 'layout-sidebar-dark' : ''}">
        <div class="sidebar-logo">
            <a href="dashboard.xhtml">
                <p:graphicImage name="images/logo-slim.png" library="serenity-layout"/>
                <span class="app-name">SERENITY</span>
            </a>
            <a href="#" class="sidebar-anchor" title="Toggle Menu"/>
        </div>

        <div class="layout-menu-container">
            <h:form id="menuform">
                <ps:menu widgetVar="serenityMenuWidget">
                    <p:submenu id="om_homepage" label="Favorites" icon="topbar-icon pi pi-home">
							<p:menuitem id="sr_dashboard" value="Home" icon="ui-icon-cancel" outcome="/area/dashboard"><i class="pi pi-list"></i></p:menuitem>
                            <p:menuitem id="sr_components" value="Tvoja Dokumenta" icon="pi pi-map" outcome="/area/private"/>
                            <!-- <p:menuitem id="javni" value="Javna" icon="pi pi-desktop" outcome="/area/public" /> -->
                            <p:menuitem id="skeniraj" value="Skeniraj" icon="pi pi-elipses-h" outcome="/area/skeniraj" />
                    </p:submenu>
                    <p:submenu id="om_components" label="UI Kit" icon="pi pi-star-fill" badge="6">
                       <p:menuitem id="adminPnl" value="AdminPanel" icon="pi pi-shield" outcome="/admin/dashboard" />
                           		<p:menuitem id="sr_admin_cenovnik" value="Cenovnik" icon="pi pi-dollar" outcome="/admin/cenovnik" />
                           		<p:menuitem id="sr_admin_nalozi" value="Nalozi" icon="pi pi-book" outcome="/admin/nalozi" />
                           		<p:menuitem id="sr_admin_korisnici" value="Korisnici" icon="pi pi-users" outcome="/admin/korisnici" />
                           		<p:menuitem id="sr_admin_parametri" value="Parametri" icon="pi pi-palette" outcome="/admin/parametri" />
                    </p:submenu>
                   <p:submenu rendered="#{userDataBean.klijent}"  id="sr_klijent_submenu" label="Meni klijenta" icon="business">
                         		<p:menuitem id="klijentPnl" value="KlijentPanel" icon="pi pi-briefcase" outcome="/klijent/index" />
                         		<p:menuitem id="sr_klijent_cenovnik" value="Cenovnik" icon="pi pi-dollar" outcome="/klijent/cenovnik" />
                         		<p:menuitem id="sr_klijent_nalozi" value="Nalozi" icon="pi pi-book" outcome="/klijent/nalozi" />
                         	</p:submenu>
                </ps:menu>
            </h:form>
        </div>
    </div>

</ui:composition>


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

31 May 2022, 14:04

Hi,

Serenity uses PrimeIcons at https://www.primefaces.org/serenity/. Could you please check primeicons font files and primeicons.css file? Also, in template.xhtml;
<h:outputStylesheet name="css/primeicons.css" library="ultima-layout" />

And, please check <i> tag in the inspector of the browser.

Post Reply

Return to “Serenity - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests