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.
Side bar PrimeIcons not showing
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
Interesting! Could you please attach a screenshot for us to replicate?
Best Regards,
Interesting! Could you please attach a screenshot for us to replicate?
Best Regards,
Github Profile: https://github.com/mertsincan
https://www.dropbox.com/s/m64bxxsw2gsnu ... s.png?dl=0
Here is the screen shot.
And here is sidebar.xhtml
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>
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
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.
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.
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 1 guest