css - プライムフェイスのサブメニューの長さを自動調整する方法

Question

で動的メニューを作成します<p:tieredMenu model="#{ServerGroupMgmtBean.model}" id="serverGroupMenu"/>。サブメニューに多くのメニュー項目がある場合、一部のメニューは 1 行に表示できません。これを修正する解決策はありますか？

Answer 1

スタイル css を直接使用してアイテムの幅を変更したりInspect element、ブラウザの機能によってコンポーネントのスタイル クラスを取得したり、このスニペット コードを Facelet ファイル (.xhtml,...) に追加したりできます。

<style type="text/css">
  .ui-menu.ui-menu-parent.ui-menu-child{
     width: 120 % !important; // or anything you want
  }
</style>