How to set a sub menu width

[antonomaseParticipant]

Hi,

I have a vertical menu with submenus

$("#jqxMenu").jqxMenu({ width: 200, mode: 'vertical', theme: theme });
...
<div id='jqxMenu' style='visibility: hidden; padding-top:0'>
 <ul>
  <li><a href='index.php'>Home</a></li>
  <li><hr></li>
  <li>My Menu
    <ul>
      <li><a href='page1.php'>Very long submenu</a></li>
      <li><a href='page2.php'>Another very long submenu</a></li>
    </ul>
  </li>
 </ul>
</div>

How to set the width of the submenus of My Menus different of the “main” menu width ?
I try with style=’width:300′ in the li’s and the ul, but it seems not work.

[Peter StoevKeymaster]

Hi antonomase,

To achieve that, you should set the UL tag’s style attribute and its “width” CSS property.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts