Menu Menu is a highly customizable navigation/command component that supports dynamic and static positioning.

Default

Popup

                $('#pm1').puimenu();
                                
        <ul id="pm1" >
         <li />
         <li />
         <li />
        </ul >

                                

No options.

No events.

Name Parameters Description
show - Shows Menu.
hide - Hides Menu.
align - Aligns overlay menu.
$('#pm1').puimenu();

$('#pm2').puimenu({
    popup: true,
    trigger: $('#pm2trigger')
});

$('button').puibutton();
                                
<h3 class="first">Default</h3>
<ul id="pm1">
    <li><h3>File</h3></li>
    <li><a data-icon="fa-plus">New</a></li>
    <li><a data-icon="fa-download">Open</a></li>
    <li><h3>Edit</h3></li>
    <li><a data-icon="fa-refresh">Undo</a></li>
    <li><a data-icon="ui-icon-arrowreturnthick-1-e">Redo</a></li>
</ul>

<h3>Popup</h3>
<button id="pm2trigger" style="margin-top:0px">Show</button>
<ul id="pm2">
    <li><h3>File</h3></li>
    <li><a data-icon="ui-icon-document">New</a></li>
    <li><a data-icon="ui-icon-folder-open">Open</a></li>
    <li><h3>Edit</h3></li>
    <li><a data-icon="ui-icon-arrowreturnthick-1-w">Undo</a></li>
    <li><a data-icon="ui-icon-arrowreturnthick-1-e">Redo</a></li>
</ul>