PrimeFaces MenuItem从右到左显示

Posted 2021-05-04

我在右上角添加了一个菜单，子菜单在右侧，它完全不可见。

任何人都可以建议如何将这个子菜单放到左侧。我这里不需要RTL功能。

代码示例如下：

<p:menubar id="menubar" style=" border: none;background : threedface;">
  <p:submenu icon="appmenu" >
  <p:submenu label="Account" >
  <p:menuitem value="Account View">
   <f:param name="menu" value="Account"/>
  </p:menuitem>
  <p:menuitem value="Transfer" />
  <p:menuitem value="Credit note" />
  <p:menuitem value="Debit note"/>
  </p:submenu>
   ...
</p:menubar>

答案

此属性将使菜单块显示在左侧。但这将导致所有菜单位于左侧。

.ui-menu-child {
  left: -200px !important;
}

你需要玩一下才能得到你需要的东西。