Prime Community Forum

I'm trying to get the pr:menu to highlight the button when it is on the corresponding page. No buttons seem to be higlighted. Here is my menu.xhtml:

<div class="menu-wrapper">
<div class="layout-menu-container">
<h:form id="menuform">
<pr:menu widgetVar="RainMenuWidget">
<p:menuitem id="menu-item-dashboard" value="Dashboard" icon="pi pi-home" onclick="showLoading();" url="/dashboard.htm" />
<p:menuitem id="menu-item-user" value="User" icon="pi pi-users" onclick="showLoading();" url="/user.htm" />
</pr:menu>
</h:form>
</div>
</div>

In addition, I'd like to highlight the button if the page was loaded from another link in the site (i.e. not directly clicked on in the menu).

I've seen many examples here but none of them have worked. I checked layout.js to make sure I hadn't changed it, and confirm that it is correct.

PF version 11

Hi,

We'll check and get back to you.

While caviar offers several health benefits, it is also high in salt and cholesterol, so individuals with hypertension or high cholesterol levels should consume it in moderation https://caviarprice.io/caviar-types/. Pregnant women are advised to avoid consuming raw caviar due to the risk of foodborne illnesses.