Primefaces rioのテーマメニュー

Question

primefaces rio左のナビゲーションのキャレットメニューを取得するには？ダッシュボードのページで、John Wilkingsをクリックすると、4つの項目が表示されます。私は自分のメニューにこの機能を実装したい。ダッシュボードをナビゲーションコードの左側に置くことはできますか？ここで私が試したことは次のとおりです：

<pr:menu> 
    <p:submenu label="Label"> 
     <p:menuitem value="Information" title="Information" icon="fa fa-check" outcome="information"> 
     </p:menuitem> 
    </p:submenu> 
<pr:menu> 

私はまた、バルセロナのようにこのコードを囲んでいますが、まだ動作していません。

Answer 1

ソースはあなたの友人です、あなたのリオのジップでデモページを見つけることができます。それを抽出し、タグ - > src - > main - > webappに行きます。 layoutmenu.xhtmlはサブフォルダWEB-INFにあります。

は、ここであなたが探しているコードの一部です：

<ul class="layout-menu"> 
     <li> 
      <a class="menulink ripplelink"> 
       <i class="icon-round58 Fs40"></i> 
       <span class="Fs18">John Wilkins<i class="icon-downwards Fright Fs20"></i><br /><span class="Fs12 FontRobotoLight">Sr. System Administrator</span></span> 
      </a> 
      <ul> 
       <li><a href="#" class="menulink ripplelink"><i class="icon-user158 Fs16"></i> User Profile</a></li> 
       <li><a href="#" class="menulink ripplelink"><i class="icon-two385 Fs16"></i> Change User</a></li> 
       <li><a href="#" class="menulink ripplelink"><i class="icon-settings49 Fs16"></i> System Settings</a></li> 
       <li><a href="#" class="menulink ripplelink"><i class="icon-thermostat1 Fs16"></i> Logout</a></li> 
      </ul> 
     </li> 
    </ul>