PrimeFaces MenuItem从右到左显示

时间:2013-12-24 13:10:46

标签: jsf-2 primefaces

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

Submenu Right to left

任何人都可以建议如何将此子菜单放到左侧。我这里不需要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>

1 个答案:

答案 0 :(得分:1)

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

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

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