How to define background for p:menubar in Primefaces?

css jsf-2 primefaces background menubar
chows2603 picture chows2603 · Sep 16, 2013 · Viewed 12.2k times · Source

How to define background for <p:menubar> in Primefaces

<p:menubar rendered="#{loginBO.flag=='admin'}" autoSubmenuDisplay="True" style="background-image: url('images/ui-bg_gloss-wave_55_5c9ccc_500x100_png.png')">
    <p:menuitem value="Home" url="/RMGHome.xhtml" icon="ui-icon-home" />
    <p:menuitem value="Filter Search" action="#{leftMenuService.getMenuList}" icon="ui-icon-search" />
</p:submenu>

Answer

Joffrey Hernandez picture Joffrey Hernandez · Sep 16, 2013

Like this:

.ui-menubar,.ui-menu-child,.ui-menu {
    background: #004e8e !important;
}

Related questions

How to set width of a p:column in a p:dataTable in PrimeFaces 3.0?

I'm using PrimeFaces 3.0-M3 and I have a <p:dataTable> with two columns in it. I want the first column to be fixed at a width of 20px. The other column can use whatever space is left over. …

Read More
primefaces with custom css file

Good morning, i have a problem in applying a style sheet on a primefaces commandButton , the button element is as follows: <p:commandButton value="Complains" styleClass="styleOrange"/> and the style sheet: .styleOrange { background-color: orange; } the css file is …

Read More
How to reference JSF image resource as CSS background image url

I often, change the images of my buttons using the image attribute, but someone told me that it is a good practice to do it using .css I tried but i cant, what i am doing wrong? This is what …

Read More