4

<p:menubar>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>
4

2 に答える 2

1

私もメニューバーを使用し、メニューバーの背景色をcssで次のように変更しました：

まず、styleClass<p:menubar styleClass="menubar"> を指定してから、以下のような css オプションを指定しました。

<style>
	.menubar {
	  background-color: lightblue;
	}
		
</style>
<p:menubar styleClass="menubar">
  <p:menuitem value="Main Page" url="index.xhtml" icon="ui-icon-home"></p:menuitem>
</p:menubar>

上記のスタイルタグをタグに記述し<head></head>ます。お役に立てば幸いです。

于 2015-11-30T09:03:30.827 に答える