如何让 Primefaces 子菜单在左侧打开？答案

【问题标题】：How to make Primefaces submenu open on the left side?如何让 Primefaces 子菜单在左侧打开？
【发布时间】：2013-01-27 14:13:41
【问题描述】：

我有一个p:tieredMenu，下面是一个p:subMenu，它加载了p:menuItem 的列表。我在页面的右上角有分层菜单，所以当子菜单打开时，它会在右侧打开并移出页面。

如果有任何方法可以让子菜单出现在左侧，请告诉我。

我查看了一个类似的问题 How to make twitter bootstrap submenu to open on the left side?，但不知道如何针对 Primefaces/JSF 实现该问题。

【问题讨论】：

【解决方案1】：

此属性将使菜单块出现在左侧。但这会导致所有菜单都在左侧。

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

您需要花点时间才能得到您需要的东西。

【讨论】：

【解决方案2】：

PrimeNG 11

#yourMenuId .p-submenu-list {
  right: 100%;
  left: unset;
}

【讨论】：