XSitePro

AllWebMenus has a simple way for adding your menus to your web pages created with XSitePro.

Step 1: Specify your "Site Root" folder in AllWebMenus

AllWebMenus needs to know where your website is locally stored, so that it compiles your menu files there.

Suppose that your website is under the C:\MyWebSite folder (locally).

Open "Tools Project Properties", select "Folders", click the "Edit" link and choose C:\MyWebSite for your menu's "Site_Root folder".

Step 2: Compile your menu

Click on "Tools Compile Menu" to compile your menu:

Once you compile, the necessary AllWebMenus files will be generated inside the C:\MyWebSite folder (or whatever folder your specified as "Site Root"):

These files are:

- the awmdata folder (which contains the javascript libraries and images that power your menu)

- the menu.js file (or whatever name you specified as "Compiled menu name" in "Project Properties Folders")

Step 3: Link your menu to your web pages

In the "successful compile" form that appears after compile, select the button that allows you to link the menu to your web pages (you can also do this later through the "Link Menu" button).

This opens the following form, where you can select the web pages that you wish to contain your menu. You can select many pages at once and link to as many pages as you wish:

This process adds to your selected HTML files the necessary javascript code that builds your menu.

Note: If you wish, you may also choose the option to add the menu-linking code yourself:

Note that "linking" the menu is not the same as "positioning" the menu.

You can specify the method that positions your menu by selecting the <Positioning> property of the Main Menu Group:

Step 4: Publish (FTP) your updated web pages and your compiled menu files

Use XSitePro or your favorite FTP client to upload all the necessary files to your web server.

Remember that the AllWebMenus-related files should be uploaded at the exact same position as they are inside your local site structure (i.e. inside the C:\MyWebSite folder).

After uploading all necessary files, your remote site should appear as follows:

Enjoy your menus online!