p:tieredMenu -> set the height to a maximum height

UI Components for JSF
Post Reply
Posts: 456
Joined: 05 Mar 2010, 13:17

12 May 2021, 21:42


According to this thread, can someone help me in this, please:

Hi Primetek,

I would like to have a p:tieredMenu with many menuItems.
Unfortunately the number of items is too much, therefore I would like to have a maximum height from the menu and than scrolling.

I´ve tried this CSS

Code: Select all

.placeholderMenu.ui-menu.ui-menu-dynamic {
    height: 300px;
    overflow-y: auto;

The first menu is than working as expected, but if I choose one of the menu to get the second menu than I have the problem, that the second menu will never appear.
I´ve tried already:

Code: Select all

	<p:commandButton id="placeholderButton" value="Placeholder"
icon="fa fa-eyedropper" styleClass="Fs12 White"/>
overlay="true" trigger="placeholderButton" my="left top"
at="left bottom" styleClass="placeholderMenu"  />
Primefaces 8.0, WildFly 21

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: Google [Bot] and 54 guests