Width issue for p:menuButton

Post Reply
rider
Posts: 423
Joined: 05 Mar 2010, 13:17

30 Dec 2020, 09:48

Hi,

I have an issue for p:menuButton if the item name is longer then normal. Please find below:
Image

How can this be solved that the menu is in one line?

Thanks
Primefaces 8.0, WildFly 21

merve7
Posts: 690
Joined: 12 Sep 2017, 10:44

08 Jan 2021, 13:57

Hi,
@siris Could you please check this issue?

Best regards,

siris
Posts: 68
Joined: 29 Jul 2019, 13:57

14 Jan 2021, 11:12

Hi,

Sorry for the delayed response!

Please add the following scss code to _theme_styles.scss and then provide new css files using sass command;

Code: Select all

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  vertical-align: middle;
  float: none;
}
Regards

rider
Posts: 423
Joined: 05 Mar 2010, 13:17

16 Jan 2021, 12:00

Thanks..

I´ve added also:

body .ui-menu.ui-menu-dynamic {
width: auto;
max-width: 300px;
}

Is this fine?
Primefaces 8.0, WildFly 21

siris
Posts: 68
Joined: 29 Jul 2019, 13:57

20 Jan 2021, 05:04

Hi,

I can't say anything because I don't know your intended use. You can override themes as long as you don't have a problem.

Best Regards,

Post Reply

Return to “Morpheus - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest