Menu Management

Menu Management allows administrators to manually build, edit, reorder, and manage the website menu structure. Menus are created based on pages that already exist in the system, and each menu item can be connected to a page URL or custom address.

This menu is not automatically generated. Administrators manually create menu items, assign links, and arrange the menu tree according to the website structure.

Overview

The Menu Management screen is used to create the navigation structure that appears on the website. You can add menu items, edit existing menu items, reorder them in the Menu Tree, and copy the menu script for use on a page.

Menu Structure

The Menu Structure section shows the current menu hierarchy. Menu items can be added, edited, deleted, and reordered depending on the configuration of the menu tree.

Menu Tree

The Menu Tree displays the current menu items in a hierarchical structure. Administrators can arrange items as top-level menus or nested submenus.

• Top-level menu items can be used as main navigation items.
• Submenus can be placed under parent menu items.
• Items can be reordered by moving them up or down in the tree.
• Menu items can be edited or deleted from the tree.

Use the Menu Tree to organize the actual navigation structure that users will see on the website.

Edit and Delete Buttons

Each menu item may display edit and delete buttons.

Add Menu

The Add Menu panel is used to create a new menu item or update an existing one. Each menu item should be connected to an existing page, custom URL, or manually entered address.

Name

Enter the display name of the menu item. This is the text that appears in the website menu.

Example:
About Us
Services
Contact
Product
Community

Address

The Address field is used to manually enter the link destination of the menu item. This can be an internal page path, an external URL, or a custom route.

Examples:
/Pages/About
/iPage?ipage=1001
/ShowPage/Index
https://example.com

Select Address

Select Address can be used to choose from pages or addresses that already exist in the system. This helps reduce typing mistakes and makes it easier to connect the menu item to an existing page.

Since this menu is manually created based on existing pages, it is recommended to select an existing page whenever possible.

Target

The Target field controls how the menu link opens.

Tooltip

The Tooltip field adds helper text that may appear when users hover over the menu item. This is optional, but useful when the menu name is short or needs additional explanation.

Add Menu Button

Click Add Menu after entering the menu information. The new menu item will be added to the menu tree.

1. Enter the menu name.
2. Enter or select the menu address.
3. Select the target option.
4. Enter tooltip text if needed.
5. Click Add Menu.
6. Check the new item in the Menu Tree.

Edit Menu Button

The Edit Menu button updates the selected menu item. First select or load an existing menu item from the Menu Tree, then modify the fields and click Edit Menu.

1. Click the edit button on an existing menu item.
2. Modify the name, address, target, or tooltip.
3. Click Edit Menu.
4. Confirm that the menu tree has been updated.

Menu Settings

Menu Settings control the overall menu configuration and display behavior.

Menu Name

This field defines the menu group name. It is used to identify the menu set inside the system.

The menu name may be used when displaying or loading a specific menu group.

Menu Color

Menu Color defines the text color of the menu if the menu design supports custom colors.

Menu Background Color

Menu Background Color defines the background color of the menu if the menu design supports custom background colors.

Using HTML Menus

This option controls whether the menu uses generated HTML menu output. When enabled, the menu may be rendered using the HTML stored in the Menu Html area.

Menu Html

The Menu Html section is used to manage the generated or custom HTML for the menu. This is useful when the menu needs to be inserted into a page layout manually.

Menu Script Placeholder

The screen may display a menu script placeholder such as:

[MENU,0]

This placeholder can be copied and inserted into a page area where the menu should appear.

Copy Button

The Copy button copies the menu script or placeholder so it can be pasted into a page.

1. Create or select the menu structure.
2. Click Copy.
3. Open the page or layout where the menu should appear.
4. Paste the copied menu script into the desired area.
5. Save and preview the page.

Recommended Workflow

1. Create the pages that will be connected to the menu.
2. Open Admin > Menu.
3. Enter the menu group name in Menu Settings.
4. Add menu items using the Add Menu panel.
5. Select an existing page address whenever possible.
6. Arrange the menu items in the Menu Tree.
7. Move items under other items if submenu structure is needed.
8. Copy the menu script.
9. Paste the menu script into the page or layout area.
10. Save and preview the result.

Common Use Cases

Important Notes

• Menus are created manually based on existing pages or custom addresses.
• Make sure the connected page exists before assigning it to a menu item.
• Changing a menu address may affect user navigation.
• Deleting a menu item does not delete the actual page.
• Reordering the Menu Tree changes the display order of the menu.
• Submenu structure depends on how items are arranged in the Menu Tree.

Best Practices

• Create all required pages before building the menu.
• Use clear and short menu names.
• Keep top-level menus simple.
• Use submenus only when necessary.
• Preview the website after changing the menu structure.
• Use existing page addresses instead of typing URLs manually when possible.

The Menu Management page controls website navigation. Always test the menu after adding, editing, deleting, or reordering items.