Creating Menus and Adding Menu Items

!media_1272651576468.png!

Click on *New Top Menu* to open the *Menu Edit* page. In the *Text* field, enter in a name, such as "SideMenu" or "FooterMenu." Click *OK* to save the Menu.


!media_1272651958876.png!

Click on the *Refresh* icon in the left navigation frame. Expand *Menus* to see the new Menu appears in the tree.


!media_1272652291731.png!


h3. Adding Menu Items


To add Menu Items to a Menu, expand the *Menus* folder on the left navigation frame and select *English (United States)* or another Language.


!media_1272652967567.png!

Click on *New Menu* Item to access the *Menu Item Edit* page.

In the *Text* field, enter in a Name for the Menu Item. This will be displayed on the front-end site as a Menu choice.

Enter in a description for the *Tooltip* that will appear when the mouse cursor hovers over the Menu Item on the front-end site.

Select "Yes" (enable) or "No" (disable) in the *Active* field.

Enter in a numerical value in the *Sort Order* field to determine the Menu Item's position relative to other Menu Items. The Menu Item with the lowest Sort Order value will be placed first on the Menu List and seen first when the Menu is rendered on the front-end site.

Select the *Command Type* as either "None," "Link," "Script," or "Navigation." Typically most users will use Link to a Page in the site. In the *Command* field, enter in a relative link to the Page such as "~/2010-tablets.aspx."


* *None* \- the menu item will not perform any action when clicked
* *Link* \- you can enter a link to where user will be navigated when item is clicked. This is the most common command used. You can use links that start with "/Digital-cameras.aspx" will point to the page Digital-cameras.aspx at the root of the site.
* *Script* \- you can enter any javascript here that should be executed when item is clicked. For example, entering "alert("~/Digital-cameras.aspx");" in the command field (remove the enclosing quotation marks) will produce the alert box when pressed instead of navigating to the page.
* *Navigation* \- this is an advanced option. It is designed to reference specific pages (like shoppingcart.aspx) using well known IDs instead of a URL. For example, lets say you want the shopping cart on your site to be "http://mysite.com/cart.html" instead of default "http://mysite/cart/shoppingcart.aspx". All you need to do is set ShoppingCart from the Navigation option dropdown in the menu definition, then navigate to "Pages & Folders" and move a ShoppingCart.aspx page from /Cart folder to the root and renaming it in the process.



{color:#000000}Select the{color} {color:#000000}{*}Parent{*}{color} {color:#000000}Menu from the drop-down. The drop-down defaults to the current Menu you are currently adding Menu Items too.{color}

{color:#000000}Click{color} {color:#000000}{*}OK{*}{color} {color:#000000}when done.{color}