FormWidgets / Menu / Examples

Menu Examples

Live examples of the Menu widget showing static lists, dropdowns, and context menus.

View Documentation

1. Static Menu

A simple inline menu list. Always visible.

HTML
<ul class="fw-menu">
  <li><a href="#">Profile</a></li>
  <li><a href="#">Settings</a></li>
</ul>

2. Dropdown Menu (Click)

Opens when the button is clicked. Supports nested submenus.

JavaScript
FormWidgets.init('#dropdownMenu', 'Menu', {
    type: 'dropdown',
    triggerElement: '#dropdownBtn',
    trigger: 'click'
});

3. Context Menu (Right Click)

Right-click inside the dashed area to see the menu.

Right-click here
JavaScript
FormWidgets.init('#contextMenu', 'Menu', {
    type: 'context',
    triggerElement: '#contextArea',
    trigger: 'contextmenu'
});