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

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

12 May 2021, 21:42

Hi,

According to this thread, can someone help me in this, please:
viewtopic.php?f=52&t=66481

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"
 type="button"
icon="fa fa-eyedropper" styleClass="Fs12 White"/>
<p:tieredMenu
model="#{placeholderMenuNotLazyController.findAllPlaceholderByEditor('editorPredefinedTextWidgetVar')}"
overlay="true" trigger="placeholderButton" my="left top"
at="left bottom" styleClass="placeholderMenu"  />
Primefaces 12.0, WildFly 21

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 26 guests