Menu with material icons

[spadovan]

Hi, i'm trying to migrate several applications to PF 10 and Ultima layout 3.0.0.
I'm using a lot of material icons which are not included in primeicons.
How is it possibile to use a materil icons in a menu item ?

Code: Select all

<pu:menu id="menu" widgetVar="sidebar-menu" pt:role="menu">
		<p:menuitem id="intro" value="#{l.introduzione}" outcome="/index.xhtml" [b]icon="&#xE88F;" [/b] />
		<p:menuitem id="unire" value="#{l.unire}" outcome="/merge.xhtml" icon="&#xe0b3;" />
		...
	</pu:menu>

Thanks

[siris]

Hi,

You can continue to use the old menu. Apart from that, we have removed the material icon support.

Or you can change UltimaMenuRenderer.java file at tag/src/main/java/org/primefaces/ultima/component/* folder. Please update "encodeItemIcon" method as this.

Code: Select all

    protected void encodeItemIcon(FacesContext context, String icon) throws IOException {
        if(icon != null) {
            ResponseWriter writer = context.getResponseWriter();

            writer.startElement("i", null);
            
            if(icon.contains("pi pi-") || icon.contains("fa fa-") || icon.contains("ui-icon ui-icon-")) {
                writer.writeAttribute("class", icon, null);
            }
            else {
                writer.writeAttribute("class", "material-icons", null);
                writer.writeText(icon, null);
            }
            
            writer.endElement("i");
        }
    }

Best Regards,