Working With myNet.Office Menu and Navigation
 
What is myNet.Office Menu and Navigation?

Other web based software like Yahoo Site Builder Menu Navigation is Text, Graphic Button or Java Script driven Menu. Which means you must manually insert button, edit text, make the link to webpages. For example, to create a menu for the webpage [About Us], first you edit text = About Us. -> Make a Url link the About Us text to the webpage AboutUs.htm. -> Select different type of graphic buttons. Now the button has the text = About Us + the link to the webpage AboutUs.htm.

myNet.Office Menu Navigation is a dynamic database driven Menu Navigation. Which means that when you create a webpage, or a product catalog menu, the information property of the menu is stored in the database. The Menu Property has made up by the components of Menu Name, Menu Id, Main or Sub Menu, Group Menu ... When you select different kind of menu, it reads Menu Property in database, and re-construct the menu in real-time.

The advantages of Database driven Menu is that you can have many different menu styles without manually wring the menu script like menu of static web page. Because the Menu Property is stored in database and reconstructed to create menu in real time. That's why a lot static websites are not updated because the web developers create menus by manual Java script. When the web developers left, it is hard for you to create new menus.

A Webpage is divided into different sections
 

1) The Logo is the Banner.

2) The Topmenu Bar is under the Logo.

3) The Left Navigation Menu is the Left Product Navigation Menu.

4) The Body is your webpage content.

5) The Right section is where you have some thing to insert like adds. If not, the Body takes over.

6) The Footer
 

Understanding myNet.Office Menu Navigation Property

myNet.Office Menu Navigation has two different menus. [1] Topmenu  [2] Left Product Menu Navigation.

Topmenu Navigation
Is the main top bar menu. Ever time you create a webpage, such as: Our Company, using myNet.Word it will automatically create a Topmenu. Topmenu has its Menu Property
Let say the web page Our Company is sub-menu of the web page About Us. The web page Our Commitment and Support is a sub-menu of the webpage Our Company. The menu order looks like this: [About Us] -> [Our Company] -> [Our Commitment and Support] .

Table: Topmenu Property:

MENU COMPONENT DESCRIPTION
GROUP MENU Is the group menu that this sub-menu is in. In this example of [Our Company] webpage, Group Menu = [About Us]. Webpage [Our Commitment and Support] is in the Group Menu = [Our Company]
MENU ID and MENU LEVEL (1,2,3..) MENU ID: Is the ID number position for the menu. In this example of [Our Commitment and Support] webpage, Menu ID = 2_2_4 Since [Home] Menuid =1, [About Us] Menu Id = 2, [Our Company] has Menu Id = 2_2. [Our Commitment and Support] webpage  Menu Id= 2_2_4. [Our Vision] Menu Id = 2_2_1
MENU LEVEL: In this case, this Topmenu is called nested Level 2.
MENU NAME Is the name of that menu = [Our Company] is also the name of that web page.
MENU ICON Is the small icon image inserted in the menu. We collect a lot of menu icon you can choose from this Url link. It is in the folder /menu/icon. Here is the display icons http://www.netthruoffice.com/doc/icon_menu.html
MENU URL Is the Url link of this menu.

How A Webpage and its Topmenu Navigation is created

When you create a webpage in myNet.Word, you enter the name of the webpage =
Our Commitment and Support in Fname input box. This becomes the menu name as well. Next, it asks you to select the round button O to choose Main Menu or Sub-Menu for this page. (See the second bar)  If you select Main Menu, then this menu has level 0 menu like [About Us], [Home]. But if you select sub-menu, it then displays a pull down list for you to select the menu that this menu is sub menu of. Select [Our Company]. That's is it. It is very simple. All info property of menu [Our Commitment and Support] is saved in database. See, you don't need to program or to do menu script for menu any thing. 
Next, Design the webpage. Always first, use ]Insert table] icon to divide the webpage into sections of row/col. To expand Edit area, use Row/ Col box. Example,: Row=40. Col = 140.
Insert picture, create font, size, color, make nice content. It is as easy as to use as Ms Word. Then click on button [Save] floppy disk icon. DONE!


Picture: Show how the webpage and the menu name [
Our Commitment and Support] = level 2, Menu Id = 2_2_4 is created in myNet.Word. Its position is 2_2_4 because this menu is in the group menu of [Our Company] Menu Id = 2_2. And the [Our Company] menu is sub menu of [About Us] has Menu Id = 2.

CONGRATULATIONS!  YOU HAVE JUST CREATED THE NEW WEBPAGE WITH ITS MENU NAVIGATION IN JUST 2 STEPS.

The Result of the Webpage Our Commitment  and Support with its Topmenu Bar Created.

You choose different Topmenu styles from [Site] -> [Site Property] -> Select a Topmenu from the drop down list for the whole website. We design 10 different Topmenu styles you can choose. You can see it is not static like other site. Our Menu navigation is Dynamic Database Driven Menu.


Picture: The result of the Webpages and its Topmenu of [Our Commitment and Support]

Select a Topmenu Navigation from many different Menu Styles for the site

From main menu [SITE] -> [Site Property] -> Select one for the site from the list of many Topmenu Bar listed below.

To Manage Topmenu Navigation use [Page Manager]

From main menu [Net.Page] -> [Page Manager]. Where you can:
- Select menu icon to insert in each Menu Item.
- Change Menu Name, example from [About Us] to [Contact Us], Menu Url.
- Change the order of each menu by changing the order of Menu Id.
- Delete that menu.

myNet.Office Topmenu is a unique Menu that lets you insert image icon in menu

To Insert image icon, use [Page Manager] -> Click on [Menu Icon] -> Select many icons in folder /menu/images
 

Topmenu Navigation with different styles available for you to select

Currently, myNet.Office has few different Topmenu Styles you can select. But there is only one to be used as Topmenu for entire site.
To select a Topmenu, from topmenu [SITE] -> [Site Property] -> [Topmenu] -> Select one topmenu style from the pull down list.

We have a lot of menu icons for you to select here: http://www.netthruoffice.com/doc/icon_menu.html.
Menu Image Icons are store in folder /menu/images/.


Picture: Select Topmenu Navigation from [Site] -> [Site Property] -> [Topmenu bar]
 
myNet.Office Topmenu different Styles available for selection
TOPMENU NAME: Corporation Style - File name= topmenu_corporation_lev2 to select from: [SITE] -> [Site Property] -> [Topmenu]

Picture: file name= topmenu_corporation_lev2

It is Level 2 because as you can see [About Us] = level 0 , its Menu Id= 2. It has only one bar is called Level 0.
• Next, [Our Company] = Level 1 because its Menu Id = 2_2. It is level 1 because there is 1 pull down.
• Next,  [Our Commitment and Support] = Level 2, Menu Id = 2_2_4. It is level 2 because there is 1 sub pull down of 1 pull down menu item.
- We use Menu Id in order to reconstruct menu hierarchy in real time by reading from its menu property in database.
- Display maximum Level 2. Will not display level 3. Use topmenupulldown_lev3 if menu structure is nested 3 levels.
- You can always insert menu icon image into any myNet.Office Menu using Page Manager. Which creates the most unique look of myNet.Office menu. Pic Icon Location is in folder = /menu/images/. You can search for icons from GOOGLE. Click here for menu icons:  http://www.netthruoffice.com/doc/icon_menu.html
TOPMENU NAME: Multi-nested Levels, like IBM menu Style - File name= topmenupulldown_lev3


Picture: Menu file name= topmenupulldown_lev3
• You can change menu color, background, foreground, text color, no border by opening the its config file file = /menu/topmenupulldownconf.txt. Like IBM menu
• This only menu can go up to Level 4. The above level = 3
TOPMENU NAME: Ms Office Menu Style


 

Picture: Menu file name= topmenu_office_icon_lev2
It looks like Ms Office menu. Maximum level = 2.

TOPMENU NAME: Apple Menu Style


Picture: Menu file name= topmenu_apple_lev2
It looks like Apple menu. Maximum level = 2. Ofcouse, you can insert menu icon using Page Manager.
TOPMENU NAME: Black Forest Menu Style

Picture: Menu file name= topmenu_blackforest_lev2
This menu is flashy and shinning.
TOPMENU NAME: Plain Text Menu Style 

Picture: Menu file name= topmenu_plaintxt_lev2
 
TOPMENU NAME: Horizontal Tab Menu Style

Picture: Menu file name= topmenu_tab_lev2. (Maximum display Level 2. Will not display level 3. Use topmenupulldown_lev3)
This style menu have Level 1 is horizontal, such as: [About Us], [Contact] ... Lev 2 is vertical display.
TOPMENU NAME: Background Color Menu Style

Picture: Menu file name= topmenu_bgcolor_lev2
This menu uses color background. You can change different color background, such as from red to green by opening the same file name in folder /menu/ -> Edit different color use Window Notepad. Then use FTP upload in folder /menu/
TOPMENU NAME: Chocolate Fan  Menu Style 

Picture: Menu file name= topmenu_fan_lev2
This menu is twisting like fan when opening. Its color like chocolate.
LEFT PRODUCT MENU NAVIGATION

Every time you create a Catalog and its category it creates a Product Menu Navigation. It displays in the left section of webpage.

To Create a Product Catalog
 
• From main menu [Shopping Cart] -> Select sub-menu [Create New/Add Catalog]
• Or from main menu [Net.Page] -> [Getting Started] -> Select sub-menu [Create Catalog]

For example to create a Catalog name: Accessories with a Category name: Harddrive in the position = 2. See the right column screen interface.

The Result: See the Left Product Menu screen below.

After create the Left Product Menu, to add more product items into the category, you select:
• From main menu [Shopping Cart] -> Select sub-menu [Add New Product Item]. It opens a screen interface where you input info, data for that product item. See Day 1.
 

Picture: To create a new Catalog named Accessories and its Category named: Harddrive.

To Select different Styles of Left Product Navigation for each webpage created

• After having created a webpage, for example, About Us, there is no Left Product Menu displayed in this page yet. You need to insert the Left Product Navigation or this webpage About Us has not.

• You have to insert Left Product Navigation for ever webpage you have created.

To Insert Left Product Menu Navigation

There are two different ways:

1) When you create a web page in myNet.Word, example About Us, after the web page is created and saved, you begin to insert Left Product Menu Navigation.
• From main menu [Insert] -> [Left Product Menu] -> A GUI screen pop ups, select a one of many styles Product Menu. That's it.

2) OR: after the web page have created, you can Insert or Change its Product Menu from [Page Manager].

Picture: Insert Product Menu GUI screen lets you to select one of many different Left Product Menu Navigation Styles for the webpage.

You can select different Left Product Menu Style for each webpage. This will make your website looks interesting.

Here they are.


Picture: LeftGrpSunMen
It looks like Sun Microsystems webpage menu. It is organized in one group Catalog with many Categories. For example, Catalog = Accessories  + its Categories = Cpu, Harddrive, Memory, and Monitor.

Picture: LeftGrpAppleMen
- Expand, Collapse, Toggle Menu.
It looks like Apple website menu. It is organized by group Catalog with its Categories.

Picture: LeftBarMenu
It looks like one bar menu.  It is organized listing all Categories. No Catalog.
 

Picture: LeftMenu_SplashDot
- Expand, Collapse, Toggle Menu.
- It is organized by group Catalog with its Categories. Click on the arrow to pull down all listing in that group Catalog. It can remember last time you opened by saving in database. So next time you visit, it will open exact the order last time you opened.

Picture: Leftmenu_Grp_Tree
- Expand, Collapse, Toggle Menu.
It looks like tree. It is organized by group Catalog with its Categories.

Picture: LeftGrpSwitchMenu
- Expand, Collapse, Toggle Menu.
It switches menu close and open when click. It is organized by group Catalog with its Categories.

Picture: LeftMenu_Css_List
It is designed by CSS Stylist Sheet. It is organized by group Catalog with its Categories. Move the mouse on Catalog = Lunch And Dinner will displays all its Categories = Lunch Specials, ** Combo Specials **, Dinner.

Picture: LeftMenuSlideFx
It looks like folder menu. It is organized by listing all Categories. No group Catalog. In normal situation, the menu is hidden and displays only the brown Bar. When move the mouse on the brown Bar SIDE MENU, it will slide the whole menu.

Picture: Left Product Menu Switch 
Manage Product Menu Navigation Using PAGE MANAGER

Use Page Manager to manage Product Menu Navigation. You can do:
• Insert /Change product menu navigation for that webpage.
Change Order of Menu Id, Menu Name, Group Name of Left Product Menu Navigation Using Product Menu Manager

After you have create Group Catalog menu, Menu Name Category, you can use Product Menu Manager to change its name, the order of Menu Group (Catalog), Menu Name (Category)
From main menu [Shopping Cart] -> [Product Menu Manager]
 

Picture: Product Menu Manager is used to change the Menu Id order, Menu Name, Group Name  for Left Product Menu Navigation. Just click on the icon CHANGE MENU NAME AND ITS POSITION under [Action] command.

Picture: Before the Group menu Accessories has been changed.

In this example, the old Left Product Menu is in the Right column. The new Left Product Menu is changed displaying in the left. What has been changed is:
- Group Menu Name or Catalog = Accessories is changed into different name = Hw Accessories
- Its Group Menu Hw Accessories Id = 2 before Group Menu Keyboards = 3. Now its order has changed the order Hw Accessories Id = 3 and  Group Menu Keyboards = 2. See the left display menu. Before the group menu Accessories before the Group Menu Keyboards. Now the order has changed.
- The Menu name =Cpu is changed to name = Intel Cpu. And its order of menu name Cpu is changed too.

CONCLUSION
•  myNet.Office Menu is unique menu that lets you insert icons.
To design Topmenu Navigation and Product Menu Navigation is not easy for even web designer. myNet.Office Menu Navigation is database driven menu. Menu property is stored in database dynamically reconstructed. myNet.Office is nested level menu with sub-menu.
A lot websites have not been updated because you create new web pages or create new product catalog pages also required to create new menu navigation. And it is complicated to design menu and navigation. When the web company left, without tools, it is very hard for business to create new menu. That's why we keep repeating the maintenance issues here. Do not bet your business on any website without self-maintenance tools.
• But, with myNet.Office, as you see, now you can design these complex Top menus and Product menus without any web skills.