Menu builder


Based on:

https://www.smartmenus.org


Sample App:
https://visualneo.com/tutorials/neomenu



Description


The neoMenu plugin for VisualNEO Web allows developers to create dynamic, customizable menus within applications. This plugin is ideal for organizing app navigation, creating multi-level menus, and adding interactive navigation elements. Based on the SmartMenus library, it offers flexible styling options, making it suitable for diverse applications, from websites to single-page apps. Here’s a detailed breakdown of its functionalities and practical applications:

Menu Initialization and Setup

The neoMenuInit command initializes a menu within a specified container, allowing you to define the menu's title and unique identifier.

    • Command: neoMenuInit
    • Syntax: neoMenuInit "ObjId" "menuName" "menuTitle"
      • ObjId: The container where the menu will display.
      • menuName: Unique name (or ID) for the menu.
      • menuTitle: Title text displayed at the top or root of the menu.

Example:

neoMenuInit "navContainer" "mainMenu" "Main Navigation"

This initializes a menu titled "Main Navigation" in the container with the ID navContainer.

Adding Menu Items

The plugin supports adding items to the menu through the neoMenuAddItem command, enabling hierarchical structures and submenus as needed.

    • Command: neoMenuAddItem
    • Syntax: neoMenuAddItem "menuName" "itemText" "itemSubroutine"
      • menuName: The menu ID where the item will be added.
      • itemText: The text displayed for the menu item.
      • itemSubroutine: An optional callback function that triggers when the item is selected.

Example:

neoMenuAddItem "mainMenu" "Home" "goHome"

This adds a "Home" item to the "mainMenu," executing the goHome subroutine when clicked.

Practical Applications

The neoMenu plugin is suitable for:

    • Site Navigation: Organizing sections or pages with multi-level menus for easy access.
    • App Controls: Creating dropdowns or command menus within single-page applications.
    • Dynamic Menus: Adding or removing items based on user role or app state.

With its flexibility and extensive customization options, neoMenu is a powerful tool for structuring app navigation within VisualNEO Web​​.


neoMenuInit

Purpose:

Initialize neoMenu

Category:

neoMenu

Syntax:

neoMenuInit ObjId "menuName" "menuTitle"

 

ObjId

Select Page

menuName

Menu name (id)

menuTitle

Menu title (as show on the left)

 

neoMenuAddItem

Purpose:

Add a menu item

Category:

neoMenu

Syntax:

neoMenuAddItem "menuName" "itemText" "itemSubroutine"

 

menuName

Menu name

itemText

Item text

itemSubroutine

Subroutine to execute on click

Created with the Personal Edition of HelpNDoc: Create iPhone web-based documentation