• Show top menu code
• Show side menu code
• Show context menu code
• Some text in separator that won't be visible
• Overview
• Components
  • Controls
    • Menu
    • Text editor
    • Toolbar
    • Tree
  • Script helper
  • Keyboard
  • Profiler
  • Configuration
• Community
• Support
  • Contact us
  • Forums
  • Feeback

This example shows how sub-menus can be used with JSForm menus. Each sub-menu is a menu attached to another menu's item. Sub-menus presence is indicated by an arrow in this case. The indicator can be customized to be just about anything using CSS.

There is a context menu attached to the right pane. Right click on this pane to see it.

All menus in this demo are defined using HTML. None of the menu items are functional except three top items in the side menu on the left. They are used to show HTML code with which each menu was declared (or you can just look at the page source):

JavaScript code used to initialize menus (after the library was loaded) is: