p:menuitem drop down style proble

[raj0419]

HI

My problem is in P: menu button > p:menuitem drop down it is coming more than the p menubutton size as you can see in primefaces showcase. I need to change the width of drop down of P:menuitem

[diogoroos]

Try it:

Code: Select all

<h:head>
   <style type="text/css">
      .ui-menuitem {
         width: 300px !important;
      }
      .ui-menu {
         width: 600px !important;
      }
   </style>
</h:head>
<h:body>
    <p:menuButton value="Options">
           <p:menuitem value="Save" icon="ui-icon-disk"/>
    </p:menuButton>
</h:body>

If in doubt, look at the styles/class when loading the page.
Inspect element in Chrome / Firefox.

This if the component does not have specific attribute.

tags: width menuitem, size menuitem, style menuitem, class menuitem, menu, dropdown