all web menu help

Table of Contents

1Introduction ................................................................................................................................................................................................1What is AllWebMenus ......................................................................................................................................................................4What's new ............................................................................................................................................................................................5LITE vs. PRO - Where do they differ? ......................................................................................................................................6Why Register ........................................................................................................................................................................................7Terminology ...........................................................................................................................................................................................9About Likno Software ........................................................................................................................................................................

10Menus in 5 Easy Steps .................................................................................................................................................................10Step 1: Creating your menu ........................................................................................................................................................11Step 2: Linking your menu to your web page ......................................................................................................................12Step 3: Positioning your menu inside your web pages ...................................................................................................13Step 4: Uploading your menu .....................................................................................................................................................14Step 5: Saving your work .............................................................................................................................................................15User Interface .......................................................................................................................................................................................15Main window layout ........................................................................................................................................................................18Keyboard shortcuts .........................................................................................................................................................................19Commands ..............................................................................................................................................................................................19Command: File .................................................................................................................................................................................20Command: Edit .................................................................................................................................................................................21Command: View ...............................................................................................................................................................................22Structure ..............................................................................................................................................................................................22Command: Add Item - Before Selected ................................................................................................................................23Command: Add Item - After Selected ...................................................................................................................................24Command: Add Child Item (in Submenu Group) ..............................................................................................................25Command: Add Separator .......................................................................................................................................................26Command: Move Item Up ........................................................................................................................................................27Command: Move Item Down ..................................................................................................................................................28Command: Move Item Left ......................................................................................................................................................29Command: Move Item Right ...................................................................................................................................................30Command: Delete Item ............................................................................................................................................................31Command: Delete Entire Submenu Group .........................................................................................................................32Command: Change Item/Group to Hidden/Visible ............................................................................................................33Theme ..................................................................................................................................................................................................33Command: Apply Theme to Menu .........................................................................................................................................34Command: Save Custom Theme ..........................................................................................................................................35Command: Export all Custom Themes ................................................................................................................................36Command: Import to Custom Themes .................................................................................................................................37Command: Open Example Menu Project ............................................................................................................................38Tools ......................................................................................................................................................................................................38Command: Refresh Menu Preview ........................................................................................................................................39Command: Compile Menu .......................................................................................................................................................41Command: Project Properties ................................................................................................................................................42Compile Properties .................................................................................................................................................................43Compile Properties: Folders ..............................................................................................................................................45Compile Properties: Menu Structure Source ........................................................................................................................48Compile Properties: SEO ..................................................................................................................................................50Compile Properties: Cross-Frame Support .........................................................................................................................52Compile Properties: Optimization ......................................................................................................................................53Compile Properties: Menu-Linking Code in Tags ..................................................................................................................54Compile Properties: FrontPage Support .............................................................................................................................

56Compile Properties: Advanced Scripting .............................................................................................................................57Compile Properties: Custom Variables ...............................................................................................................................60Compile Properties: RTL Languages Support ......................................................................................................................61Compile Properties: Menu Printing .....................................................................................................................................62Preview Panel Settings ...........................................................................................................................................................63Project Info Settings ...............................................................................................................................................................64Command: Link Compiled Menu to Web Pages ................................................................................................................66Command: External Multi Editing ..........................................................................................................................................74Command: Import FrontPage Navigation Structure .........................................................................................................76Create Sitemaps .........................................................................................................................................................................76Command: Create Generic Sitemap ......................................................................................................................................78Command: Create Google Sitemap ........................................................................................................................................79Command: Create ROR Sitemap ...........................................................................................................................................80Command: Customize ..............................................................................................................................................................81General ..................................................................................................................................................................................82Defaults ..................................................................................................................................................................................83Preview Panel Settings .....................................................................................................................................................84Project Info Settings .........................................................................................................................................................85RTL Languages Support ...................................................................................................................................................86Command: Add-ins .........................................................................................................................................................................87Command: Help ................................................................................................................................................................................88Properties ................................................................................................................................................................................................88Properties Overview .......................................................................................................................................................................89Property groups ................................................................................................................................................................................89Group Properties ........................................................................................................................................................................90Item Properties ...........................................................................................................................................................................91Property types ...................................................................................................................................................................................91Style Properties ..........................................................................................................................................................................93Content Properties .....................................................................................................................................................................95Properties Description ...................................................................................................................................................................95Property: Header Text ..............................................................................................................................................................96Property: Header Image ..........................................................................................................................................................97Property: Positioning ................................................................................................................................................................

104Property: Movable .................................................................................................................................................................105Property: Menu Floats on Scroll ........................................................................................................................................106Property: Sticky Submenus .................................................................................................................................................107Property: Show Item or Group on Appear .......................................................................................................................111Property: Header Tooltip .......................................................................................................................................................112Property: Footer Text .............................................................................................................................................................113Property: Footer Image .........................................................................................................................................................114Property: Footer Tooltip ........................................................................................................................................................115Property: Z-Index ....................................................................................................................................................................116Property: PopUp .....................................................................................................................................................................117Property: Javascript Command on Appear .....................................................................................................................118Property: Javascript Command on Disappear ...............................................................................................................119Property: Assigned Style ......................................................................................................................................................120Property: Type ........................................................................................................................................................................125Property: Has Header ...........................................................................................................................................................126Property: Has Footer ............................................................................................................................................................127Property: Appears - Where ..................................................................................................................................................128Property: Appears - Aligned with .......................................................................................................................................129Property: Appears - How ......................................................................................................................................................130Property: Disappears - How ................................................................................................................................................131Property: Opacity ...................................................................................................................................................................

132Property: Group Background Color ..................................................................................................................................133Property: Group Background Tile Image .........................................................................................................................134Property: Group Padding .....................................................................................................................................................135Property: Group Border ........................................................................................................................................................136Property: Group Rounded Corners ...................................................................................................................................138Property: Distance Between Items ....................................................................................................................................139Property: Group Minimum Width ......................................................................................................................................140Property: Item Text ................................................................................................................................................................142Property: Item Image ............................................................................................................................................................143Property: Item Link ................................................................................................................................................................145Property: Item Link Target ...................................................................................................................................................147Property: Item Status Bar Text ...........................................................................................................................................148Property: Item Tooltip ...........................................................................................................................................................149Property: Item Has Separator .............................................................................................................................................150Property: Item Javascript Command ................................................................................................................................151Property: Item Open Modal Window ................................................................................................................................153Property: Item Content Alignment .....................................................................................................................................154Property: Item Text Font .......................................................................................................................................................155Property: Item Text Size .......................................................................................................................................................156Property: Item Text Decoration ...........................................................................................................................................157Property: Item Text Color .....................................................................................................................................................158Property: Item Padding ........................................................................................................................................................159Property: Item Text Margin ..................................................................................................................................................160Property: Item Border ...........................................................................................................................................................161Property: Item Rounded Corners .......................................................................................................................................163Property: Item Background Color ......................................................................................................................................164Property: Item Background Image 1 .................................................................................................................................166Property: Item Background Tile Image ............................................................................................................................168Property: Item Background Image 2 .................................................................................................................................169Property: Item Size ................................................................................................................................................................170Property: Item Foreground Image .....................................................................................................................................171Property: Item Floating Image ............................................................................................................................................172Property: Item "Has Submenu" Image .............................................................................................................................173Property: Item Cursor ...........................................................................................................................................................174Property: Item Tooltip Style .................................................................................................................................................178How Do I... ...........................................................................................................................................................................................178"How Do I" List ...............................................................................................................................................................................179Find my INSTALLATION ID .....................................................................................................................................................180Purchase/Activate ........................................................................................................................................................................181Use AllWebMenus with my favorite Web Authoring tool .............................................................................................182Link menus to FrontPage Shared Borders ........................................................................................................................183Position the menu relative to a page element .................................................................................................................184Specify which pages contain a menu, using the FrontPage interface ..................................................................185Use multiple menus on the same page ..............................................................................................................................186Optimize menus to improve building speed .....................................................................................................................187Create a Site Map from my menu structure .....................................................................................................................188Replace the default right-click menu used by the browser .........................................................................................189Import a FrontPage Navigation Structure into AllWebMenus ...................................................................................190Make my submenus appear *in front* of Flash Objects, Java Applets or Select Boxes ...............................192Make my menus appear *under* modal boxes, slideshows, lightbox dialogs, etc. .........................................193Show a specific item (or submenu) as selected (highlighted) when loading the page ...................................194Use my designed menu on my web pages .......................................................................................................................195Create a transparent menu ......................................................................................................................................................196Make items look like buttons ...................................................................................................................................................

197Transfer a style to other elements .........................................................................................................................................198Transfer a submenu group to another parent item ........................................................................................................199Setup the Compile Properties of an older version awm project ...............................................................................200Customize a menu with "sliding" submenu groups ........................................................................................................204What is... ...............................................................................................................................................................................................204The three Item States .................................................................................................................................................................205The two kinds of Alignment ......................................................................................................................................................206The Assigned Style and Available Styles ...........................................................................................................................213The Image Manager ....................................................................................................................................................................214The Alternative URL ....................................................................................................................................................................215The different background layers ............................................................................................................................................216The Paste Values feature ..........................................................................................................................................................217The difference between Main Menu and Submenu .......................................................................................................218The Element Clipboard ..............................................................................................................................................................219The Javascript menu-building Libraries ..............................................................................................................................220The HTML menu-linking code .................................................................................................................................................221The Internet Explorer Information Bar Warning ..............................................................................................................223FAQ and Tips .....................................................................................................................................................................................223Troubleshooting .............................................................................................................................................................................224Correct Placement of the menu-linking HTML code .....................................................................................................225Updating all <Item Link> properties when changing the Web Site Root folder ................................................226"Full Admin rights" and the activation process ................................................................................................................227Frequently Asked Questions .................................................................................................................................................

What is AllWebMenus

Create Menus in 5 Easy Steps

AllWebMenus is a dhtml/javascript menu builder for web site navigation that requires absolutely no DHTML or Javascriptexperience from you. It creates cross-browser, popup or drop down menus that work alike in all browsers supportingDHTML (like Firefox, Internet Explorer, Google Chrome, Opera, Mozilla, Konqueror, Safari and more). A javascript menu can be designed with a simple, tree-like approach. You can then fully customize it by using theProperties Pane or by choosing a predefined appearance from the Style Gallery. It can be either vertical or horizontal(popup or drop down menu), it can be movable, stay visible while scrolling, contain static or animated images, borders,colors and much more! Once everything is set, you can compile and link your menu to your web pages in a fast and easy manner, without anycode involved! AllWebMenus will save you a significant amount of time and effort required to fully understand Dynamic HTML andJavascript code capable to support all DHTML-enabled browsers!

Major Features Include: Compile and link menus to your web pages in no time and without any code required. Supported Authoring Tools:

Adobe Dreamweaver with free ExtensionFrontPage with free Add-In and Navigation Structure import into AllWebMenusNetObjects Fusion with free componentAdobe GoliveVisual InterDevHomeSiteHotDogHTML Kit1st Page 2000CoffeeCup HTML EditorCool PageCuteHTMLand many more...

Import FrontPage Navigation Structures into AllWebMenus. Create Site Maps straight from the Menu Structure of menus. Create menus fast by using pre-designed menu styles from the Theme Gallery. Use multiple menus in the same page. (version PRO only) Use many flexible ways to position your menus: Either using window coordinates or attaching it to any element insidethe page. Create menus for use inside framed web sites. Specify an alternative (non-menu) web page to open when a user has an older browser that does not support DHTMLand Javascript (optional). Use complete help for all properties and procedures. Press F1 while you are on a property to immediately receive QuickHelp for that property. Design both horizontal and vertical menus and use static or animated images for both the background and content.

AllWebMenus Help What is AllWebMenus

[email protected] 1 / 228

Create effects by assigning different values to the item properties for three different item states: "Normal", "Mouse Over"and "Mouse Click" item states. Position the menu anywhere on the screen and keep the menu visible in the same position while scrolling (<Menu Floatson Scroll> property). Specify Javascript Commands to be executed when clicking on menu items. Specify Javascript Commands to be executed when a submenu appears/disappears or even when the Main Menuappears/disappears. Use both vertical and horizontal submenus at any possible combination. Use Titles on submenus and allow the user to drag the menu from its Title. Choose "How", "When" and "Where", any submenu appears. Use "Distance Between Items" and assign a "Status Bar Text" for each item. ...and many more (view the complete properties listing for more info). Short list of new features added on version 5: (see updated, full list online)- Improved interface and design with many functional additions - Slide Menus (aka "sliding menus" or "slide-in menus") are now available. - Use your own HTML code on selected menu items to achieve enhanced formatting or advanced functionality, from asimple working link, up to forms, flash objects, search boxes, even full-scale web pages!(supported through the enhanced <Text> property) - Vertical Scrollbar for vertical Groups now available(supported through the enhanced <Type> property) - Multiple Rows and Columns on submenus now available(also supported through the enhanced <Type> property) - The Horizontal Menubar feature now available for both Main Menu and Submenu Groups along with several enhancements(supported through the enhanced <Type> property) - New submenu appearance effects added with the ability to set custom appearance time delays(supported through the enhanced “Submenu Group Appears” property) - New submenu disappearance effects added with the ability to set custom disappearance time delays(supported through the new “Submenu Group Disappears” property) - More stylish dhtml menu Themes are now included in the installation for free. - New Examples of Javascript Menu Projects added. - The <Positioning> property is completely re-designed and enhanced with a new positioning option added; you can now easily position your dhtml menu relative to an image existent in your pages. - Ability to use custom variables instead of actual text in certain text-related properties has been added, allowing for more “dynamic” content in javascript menus.



- 20 new Textures added in Image Gallery. - 20 new Buttons added in Image Gallery. - 54 new Bullets and Arrows added in Image Gallery. - 40 Icons now available into the new "Icons" Category of Image Gallery. - The Apply Theme dialog now allows you to view and choose Themes based on their <Type> ("Horizontal" or "Vertical" or "Vertical Sliding"), facilitating your theme selection goals. - Complete HTML is now available on every item, allowing you to show anything you like inside the item, like flash objects or even forms.(supported through the enhanced <Text> property) - Different colors on each border side (top, right, bottom, left) now available(supported through the enhanced <Border> property) - The Overline and Strikethrough options are now available for the item text.(supported through the enhanced <Text Decoration> property) - A "Refresh" button now appears at the top-right corner of any property when its values are edited. - The "Menu Positioning" shortcut has been added. - The "Manual Trigger Groups - Get ID and Trigger Code" feature of the <Positioning> property is completely re-designed and enhanced, allowing for advanced positioning effects. - The "Ignore script in Preview Pane" option has been added in the 'Project Properties -> Advanced Scripting' form. - The "Change Item to Hidden/Visible" command has been added. - IE6 fix on select boxes (combos) now comes with more options to cover all cases (https websites for example). - The Main Menu Size now appears in Preview Pane, so that you have an estimation of how large the dhtml menu will render in actual browser. - The "Add Item Before" action now available when building the Javascript Menu Structure. …and many more! ----------Watch online demos on important features of AllWebMenus



What's new

Please check the new features, enhancements and fixes of AllWebMenus by visiting the following page online:http://www.likno.com/whatsnew.html (PRO version) Note: We do not maintain a separate "what's new" section for the LITE version, as changes related to the LITE-supportedfeatures are also included in the LITE version.

AllWebMenus Help What's new


LITE vs. PRO - Where do they differ?

The LITE version is for the home user who wants to use simple, yet truly cross-browser menus, only for his or herpersonal web site. The PRO version is for the professional user who wants to implement feature-rich cross-browser menus, for as manyweb sites as needed. Both LITE and PRO versions use the same optimized menu-building libraries, allowing the LITE user to enjoy the samecross-browser support as the PRO user does. Both AllWebMenus LITE and AllWebMenus PRO share the same engine of extra optimized menu-building libraries.You can select among many menu styles and features for your menus, with the cross-browser, cross-platformassurance carried by AllWebMenus. The main differences between AllWebMenus LITE and AllWebMenus PRO are found in the user interface – which wassimplified with the use of menu styles for LITE users – and some of the properties which are available for the menuimplementation. The following is a comparison table that displays the differences in the features and properties supportedby AllWebMenus and AllWebMenus PRO: Features LITE.............PROUse of images no..................yesMultiple menus no..................yesImport FrontPage Navigation Structure yes................yesCreate sitemaps yes................yesCustom compile folders no..................yesCross-Frame support no..................yesMenu Optimization yes................yesFrontPage Support yes................yesSupport for advanced positioning method2

no..................yes

* LITE version does not support different styles for different items, as the PRO version does. Many similar elements have acommon style as specified in the Style Editor. In specific, there are four different style categories that define theappearance of the following menu elements:· The Main Menu area· The Items of the Main Menu (same style is applied to all Main Menu items)· The Submenu areas (same style is applied to all Submenus)· The Items of all submenus (same style is applied to all Submenu items) To see the differences on all properties between LITE and PRO, please click on the following sections:

Group Properties Item Properties

See alsoProperties Overview

AllWebMenus Help LITE vs. PRO - Where do they differ?


Why Register

The AllWebMenus unregistered version is fully functional in its menu design capabilities. It displays the designed menus ona Preview Window where you can test their appearance and behavior as if viewed on a browser. Registering AllWebMenus actually lets you compile and link your menus to web pages and use them on the Internet. Italso entitles you for free customer support for 6 months and free updates for 1 year after registering yourAllWebMenus installation. The compiled menus are fully functional in all major browsers. Apart from removing this restriction, there are many more good reasons to register your license: · Reliability:

You get more than 10 years of accumulated experience in our javascripts development. · Support:

You get quick and thorough answers from our dedicated support team plus detailed documentation. · Value-added services:

You get free monitoring of your menus (optional) and get notified when their scripts are outdated due to enhancements intechnology. Build your menus and worry no more!

· Growth:

Your registration fee is invested in the rapid growth of AllWebMenus. More powerful features will be available to you.

AllWebMenus Help Why Register


Terminology

ElementA generic name that describes any Main Menu, Submenu or Item Main MenuThe first group of items forming the initial menu

SubmenuAny group of items linked to a parent item

Header/FooterHeader is the top part of a Main Menu/Submenu. Bottom applies for the Footer.

ItemA selection that opens a submenu or a specified URL (or executes a Javascript command)

Child of element [A]An element that directly derives from the element [A]

Ex: Submenu4 is a child of Item2Ex: Item5 is a child of Submenu4Ex: Item6 is a child of Submenu4 Parent of element [A]The element from which the element [A] directly derives

Ex: Item2 is the parent of Submenu4Ex: Submenu4 is the parent of Item5Ex: Submenu4 is the parent of Item6 Theme GalleryA collection of ready-made themes to apply to your menus.See also: Apply Theme to menu StyleThe appearance and behavior properties of the element. Multiple items may use the same style.

AllWebMenus Help Terminology


ContentThe specific text, image, etc. of the element. Element ClipboardWhere the selected element is stored after a Cut or Copy.See also: Copy Item/Submenu The .awm, "menu definition" file:This is the file type that AllWebMenus understands as a menu project. Let's say that you design a menu and you save it asmainmenu.awm. This file contains the definition of the menu elements along with its structure and can be opened byAllWebMenus for further development. This .awm file does not have to be placed in your web site's directory structure as itdoes not take part in the menu generation process (see below). The .js, "compiled menu" file:After finishing with your mainmenu.awm definition file, you need to compile it into a format understandable by theJavascript menu-building Libraries. Let's say that you compile it as mainmenu.js. This javascript file has to be placed inyour web site's directory structure as it takes part in the menu generation process (usually the compiled menu is placed atroot). Do not mistakenly compile it inside the C:\Program Files\AllWebMenus directory or any other working directory. Thecompiled menu is part of your uploaded WEB structure and therefore it should only be located there. The "awmdata" folder:This is the folder where the following elements are placed upon compilation:- the awmlibX.js Javascript menu-building Libraries.- the dot.gif image file.- the images used in the menu design (if any), located at a separate "Menu images" subfolder of the "awmdata" folder. The dot.gif image file:This is a required file used to implement the cross-browser rendering of the menu. It is located inside the awmdatadirectory along with the awmlibX.js libraries. If missing, a small line will appear on the left side of every menu item and themenu may not show properly in some browsers. You also have the option to include the "dot.gif" image file inside the "Menu images folder". Read here when and why. The awmlibX.js, "Javascript menu-building Libraries":(click here for definition) The "menu-linking code":(click here for definition) Note: The awmmenupath.gif file is now obsolete (v4.2+ only).

AllWebMenus Help Terminology


About Likno Software

Likno Software is a software development company dedicated to creating quality software for demanding web authors.Our development team is 100% Internet-oriented, focused on creating tools that minimize your web development efforts.

For detailed technical support you can access the following URL:http://www.likno.com/support_page.html For sales questions you may contact us at [email protected]. Our web site is located at http://www.likno.com

Note: In case you came here to find your Installation ID, please refer to the section "How Do I, Find my Installation ID"instead.

AllWebMenus Help About Likno Software


Creating your menu

Step 1 Creating your menu is quite easy: - A new item can be added by right clicking with your mouse in the place where you want the Item and pressing the "AddItem" selection in the menu that is displayed. - A new submenu group is added by right clicking the Item that will have the submenu and pressing on the "Add SubmenuGroup to Item" selection. - By highlighting an item you can view on the right panel the full set of its properties in each of the three states of the menu(Normal, On Mouse Over and On Mouse Click). You can modify each of the properties by clicking on the appropriateproperty box and entering the value that suits your needs. This will allow you to fully customize the menu. ----------Watch online demos on important features of AllWebMenus

AllWebMenus Help Step 1: Creating your menu


Linking your menu to your web page

Step 2 The process of linking the produced menu to your web pages is remarkably simple: The first thing you need to do is Compile the menu that you have created. This can be done by selecting Tools->CompileMenu. If you have not specified your "Site_Root folder" already, the form "Compile Properties->Folders" will appear askingyou to specify the folder where your web site is locally stored. This is where your menu will be compiled. The compilationcreates the file and a set of library files that make up the full set of javascript scripts that will run when your menu isdisplayed. After you compile the menu you will need to "Link" it to your web pages. You can do this by selecting Tools->Link Menu. The process of "linking" basically allows you to select the HTML documents that will carry the menu, and places theAllWebMenus Linking section at the beginning of those files. This linking section gives instructions to the web browser onthe necessary files that will create your menu and points to the right directories for the images that you may have included inyour menu. Always make sure that the AllWebMenus menu-linking section is not inserted within table tags (<table><tr><td>) or <font>tags, as you may have problems with some browsers. The most safe position for the menu-linking code is at the beginningof the page, right after the <body> tag. Note: AllWebMenus collaborates with all the common Web Authoring tools. In order to find out how your favorite WebAuthoring tool integrates with AllWebMenus please visit our special on-line section athttp://www.likno.com/web_authoring_tools.html Frontpage Shared Borders users should check the "Support Shared Borders" checkbox (found in Tools -> ProjectProperties -> Compile Properties->FrontPage Support) and always link to the bottom shared border, irrespective of wherethe menu will appear on the page. ----------Watch online demos on important features of AllWebMenus

AllWebMenus Help Step 2: Linking your menu to your web page


Positioning your menu inside your web page

Step 3 After linking your menu to your pages, you may easily position it at your preferred spot using any of the following methods: Window-Relative Positioning (default method)Menu is positioned relative to a corner or edge of the browser window. Element-Relative Positioning (positioning relative to a Page Element)Menu is positioned next to a selected element of the page, after inserting a <SPAN> section at that particular position. All methods are explained thoroughly in the "How Do I -> Position the menu relative to a page element" section. Important Note!Do not move the "AllWebMenus menu-linking code" from the beginning of the page! (i.e. from right after the<body> tag)If you do so, you may have problems with some browsers! If you cannot do otherwise, make sure that you check this option in "Project Properties":

(use this option only if you have to) Positioning is implemented using the two positioning methods, not by moving this section from the beginning of the page.See Correct Placement of the menu-linking code for more info on why the position of the menu-linking code is irrelevantfrom the actual position where the menu is specified to appear. ----------Watch online demos on important features of AllWebMenus

AllWebMenus Help Step 3: Positioning your menu inside your web pages


Uploading your menu

Step 4 Once you have compiled and linked your menu to your pages, you will need to upload the files to your web server. The filescreated by AllWebMenus during the compilation phase are: ./menuname.js./awmdata/ (folder)./awmdata/dot.gif./awmdata/ [all awmlibX.js files]./awmdata/menuname [all image files used by the menu] where: ./ denotes the current directorymenuname denotes the name you have chosen for the menu when you compiled All those files have to be uploaded to your web server using your favorite FTP tool. Make sure that the directory structure iskept exactly the same as is displayed here and also pay careful attention in order to keep the case of the files when theyare uploaded. You have also to make sure that the files are placed in the same location relative to your HTML files as theyare locally, in order for the directories that were automatically set in the AllWebMenus linking section to point to the rightstructure on your web server. Note: The awmmenupath.gif file is now obsolete (v4.2+ only). ----------Watch online demos on important features of AllWebMenus

AllWebMenus Help Step 4: Uploading your menu


Saving your work

Step 5 Your menu can be saved in an awm project file so you can use/edit it in the future. Just use File->Save or File->Save As forthis process. Once your file is modified you will need to compile it again (but not link it) and upload the new menuname.js file to your webserver. The awmdata folder needs to be re-uploaded only if you re-compile your menu with a newer AllWebMenus version(since it may contain updated awmlibX.js menu-building libraries) OR you have added or altered images used by yourmenu. ----------Watch online demos on important features of AllWebMenus

AllWebMenus Help Step 5: Saving your work


Main window layout (version Pro only)

The AllWebMenus Main window uses two tabbed sections: The Menu Editor Tab

This section is split into four panes: · The Menu Structure PaneThis is where the menu is structured by specifying its elements and its parent-child relationships. · The Properties PaneThis is where the properties of each element are specified. The Pane changes its content according to the selectedelement (Group, Item) · The Help Tips PaneThis is where a short description is displayed to provide quick help on the selected property. · The Menu Preview PaneThis is where your menu can be previewed in a WYSIWYG IE browser.

The Properties Pane includes all available properties which are grouped into two categories. The Content Properties and Style Properties:

AllWebMenus Help Main window layout


The Style Editor Tab

This section is split into four panes: · The Available Styles PaneThis is where the available styles can be selected for further editing. · The Properties PaneThis is where the properties of the selected style are edited. The Pane changes its content according to the type of theselected style (Group, Item). · The Help Tips PaneThis is where a short description is displayed to provide quick help on the selected property. · The Menu/Style Preview PaneThis is where your menu OR the selected style can be previewed in a WYSIWYG IE browser.If a group style is selected the preview pane displays the group along with the item that was previously selected.



Keyboard shortcuts

There are several shortcuts defined for quicker access to frequently used functions: · F1Provides context sensitive help for each property · F12Opens the Preview Menu window · Ctrl + F12Opens the Compile Menu window · Shift + Ctrl + F12Opens the "Link Compiled Menu to Web Pages" window · Ctrl + ZUndo · Ctrl + YRedo · Ctrl + NCreates a new AllWebMenus structure · Ctrl + OOpens an .awm menu project · Ctrl + SSaves the current AllWebMenus structure · Ctrl + XCuts the selected element · Ctrl + CCopies the selected element · Ctrl + VPastes the selected element · Ctrl + APastes the values of the selected element only

AllWebMenus Help Keyboard shortcuts


Command: File

NewCreates a new AllWebMenus menu structure. The new menu consists of three items and all properties are set to the default style: This is how a new menu structure looks:

This is how a new menu design looks:

OpenOpens an AllWebMenus project.The AllWebMenus files are found under the .awm extension. SaveSaves the current menu project into an *.awm file. Save AsSaves the current menu structure with a different filename. Open Example Menu ProjectOpens a list of example projects to select and load to the application. Export ProjectExports the loaded project in order to move it to other PCs without having problems with the file paths of the linked images. Exporting the project adds all linked images into a single folder, called "menuname-assets", which is located next to theexported .awm file. Note that this action does not affect the file paths of the loaded .awm project. Your loaded .awm project continues to use theexisting image paths. Import Project (PRO only)Imports the menu structure from another project (.awm) into the current project. ExitCloses the AllWebMenus application.

AllWebMenus Help Command: File


Command: Edit

UndoLets you undo the last action you made. RedoLets you "cancel" an Undo action. CutCopies the selected element (Group or Item) to the Element Clipboard and then deletes it from the menu structure. CopyCopies the selected element to the Element Clipboard. If the selected element has any children (i.e. elements linked to it) the copy will also apply to them. This means that theelement clipboard will contain both the element and its child elements too. See an example:

PasteInserts the content of the Element Clipboard into the menu structure. When pasting the clipboard element, a new element is added in the menu structure along with its children. See an example:

Since groups are always linked to items, a group will not be pasted when the selected element is also a group. Paste ValuesLets you paste the values of the copied element to the selected element (does not create a new element in the menustructure). You can always select a subset of the copied values to paste to your target elements. Note that you can only paste to elements that are similar to the copied element; i.e. if you copied an item you can only pasteits values to other items, not to groups.

AllWebMenus Help Command: Edit


Command: View

This command lets you hide or show certain panels that may be useful but not required for the use of the program. While we do recommend that you keep these panels visible you may hide them if your monitor space is limited. The panels that can be hidden are the following: · Help Tips panel· Menu Editor Preview panel· Style Editor Preview panel

AllWebMenus Help Command: View


Command: Add Item - Before Selected

Adds a new item in the menu structure before the selected item. The new item can always be placed somewhere else by using the Move Item Up/Down/Left/Right or the Cut/Pastefunctions. See alsoAdd Item - After SelectedDelete Item

AllWebMenus Help Command: Add Item - Before Selected


Command: Add Item - After Selected

Adds a new item in the menu structure after the selected item. If the selected element is an item, the new item is placed below it.

The new item can always be placed somewhere else by using the Move Item Up/Down or the Cut/Paste functions. See alsoAdd Item - Before SelectedDelete Item

AllWebMenus Help Command: Add Item - After Selected


Command: Add Child Item (in Submenu Group)

Creates a submenu group for the selected item and adds a child item to it. Since submenu groups are always linked to items, your selection should be an item to perform this operation. You can always transfer the new submenu group to another parent item by using the Cut & Paste functions. See alsoDelete Submenu

AllWebMenus Help Command: Add Child Item (in Submenu Group)


Command: Add Separator

Adds a separator on the selected item. For more information on how this works read the <Item Separator> topic.

AllWebMenus Help Command: Add Separator


Command: Move Item Up

Moves the selected item up by one position.

This action will not move the item outside its parent group. This can be easily done by using the "Move Item Left/Right" ORthe "Cut and Paste" functions instead. See alsoMove Item DownMove Item LeftMove Item Right

AllWebMenus Help Command: Move Item Up


Command: Move Item Down

Moves the selected item down by one position.

This action will not move the item outside its parent group. This can be easily done by using the Cut and Paste functionsinstead. See alsoMove Item UpMove Item LeftMove Item Right

AllWebMenus Help Command: Move Item Down


Command: Move Item Left

Moves the selected item one level up, as sibling of the parent item. This action moves the item outside its parent group. See alsoMove Item RightMove Item UpMove Item Down

AllWebMenus Help Command: Move Item Left


Command: Move Item Right

Moves the selected item one level down, as child of the previous item. This action moves the item outside its parent group, into a new submenu group of the parent. See alsoMove Item LeftMove Item UpMove Item Down

AllWebMenus Help Command: Move Item Right


Command: Delete Item

Deletes the selected item from the menu structure. If the selected item has any child elements, the child elements are deleted as well.

See alsoAdd Item

AllWebMenus Help Command: Delete Item


Command: Delete Entire Submenu Group

Deletes the selected submenu group along with all its child elements.

AllWebMenus Help Command: Delete Entire Submenu Group


Command: Change Item/Group to Hidden/Visible

Toggles the status of an Item or Group from Visible to Hidden and vice versa. A hidden item or group does not show up in the compiled menu and it is shown in the Menu Structure as grey:

AllWebMenus Help Command: Change Item/Group to Hidden/Visible


Command: Apply Theme to Menu

Opens the Theme Gallery to choose from a collection of predefined themes and apply it to your menu. This action replaces all styles used in your menu with the styles contained in the theme. Therefore, your menu appearance changes while its content remains intact ("Content Properties"):

When choosing a theme you also have the following option: (version PRO only)

This option let's you decide whether you want the custom style values to be removed (and be replaced by the styleproperties of the applied theme) or keep these style values intact. The default behavior for these customizations (if any) isto be removed. As an example of style customization, see the <Text Font> property below which has been customized for a particular item:

To read about opening an EXAMPLE project (2nd tab) click here. See alsoExport New ThemeCommand: Open Example Menu Project

AllWebMenus Help Command: Apply Theme to Menu


Command: Save Custom Theme

Creates a new theme (custom) based on the appearance of your Available Styles found in the Style Editor. · The theme's Main Menu Group will get the "Main Group Style" appearance and its items the "Main Items Style"

appearance.· The 2nd level groups (first submenus) of the theme will get the "Sub Groups Style" appearance and their items the "Sub

Items Style" appearance.· The 3nd level groups (further submenus) of the theme will get the "Sub Groups Style+" appearance and their items the

"Sub Items Style+" appearance. You can also view and apply your new theme to existing menus by using the Apply Theme to Menu command. Customthemes are shown with an asterisk at their end (*). For more information on how to create your own custom themes, view instructions online. See alsoApply Theme to Menu

AllWebMenus Help Command: Save Custom Theme


Command: Export all Custom Themes

Custom themes (the ones you save) can be exported, so that you keep them as a backup or import them to anotherAllWebMenus installation. Custom themes are the ones you create (not provided by Likno Software) and have an asterisk at their end (*). See alsoApply Theme to Menu

AllWebMenus Help Command: Export all Custom Themes


Command: Import to Custom Themes

Custom themes (the ones you have saved and exported before) can be imported to your AllWebMenus installation. Custom themes are the ones you create (not provided by Likno Software) and have an asterisk at their end (*). See alsoApply Theme to Menu

AllWebMenus Help Command: Import to Custom Themes


Command: Open Example Menu Project

Opens a list of example projects to select and load to the application. Note that the Example Menu Project is not a Theme, which you can apply to your loaded menu. This means that your loadedproject will have to close and the example project will open instead. You can then start building a new menu based on theexample. If you want to view the properties of the example project without closing your loaded project, you can check the followingoption:

To read about applying a THEME to your menu (1st tab) click on the link below. See alsoCommand: Apply Theme to MenuCommand: File

AllWebMenus Help Command: Open Example Menu Project


Command: Refresh Menu Preview

Displays the menu design on a WYSIWYG IE browser pane. This is a fast way to view the changes made during the menu's design phase. It is a WYSIWYG window that will help youexperiment with your menu properties, observe its behavior and implement its design exactly the way you like. If the preview window is open and a change is made at the properties or in the menu structure, the preview window signalsits non-updated status by the bottom message colored in red.

To show the latest changes in your menu design, press F12 or click the icon in the application toolbar or the button in the Menu Preview window. The preview will then be updated. Note that you can have your preview automatically updated every time you make a change to the menu by checking therelated check box at the options below:

Just have in mind that this is not recommended for very large menus as the automatic refresh may slow down theapplication response to your actions. You also have a shortcut to ignore the Style values of the [Mouse Click] state for increasing your menu-building speed.Please read the Optimization Techniques for more info on this option. Note on Item Text property and Preview: If you use "HTML Formatting" on an item and you refer to local images orother assets there (eg: src="image1.png") the Preview Pane cannot show them (but actual website will, if in proper relativeposition). Still, there is a way for the Preview Pane to also show them: you can add these assets into a "projectname-assets" folder, located in the same folder where the project is located (eg: "menu-assets").

AllWebMenus Help Command: Refresh Menu Preview


Command: Compile Menu

Compiles the .awm file into a .js file that has to be linked to your web pages. To use a menu in your web pages you must take the following four steps:Step 1. Compile the menu (note: spaces are not allowed in filename)Step 2. Link the compiled menu to your web pages using the related AllWebMenus commandStep 3. Upload the necessary menu files and folders (see a description of these elements below)Step 4. Upload the web pages that contain the menu link(note: steps 2 & 4 are not necessary if you have already linked the menu to your web pages and you only want to updateyour menu. They may be necessary if you are using a new AllWebMenus version with improved menu-linking code) How it works:

When compiling a menu as menu.js, the following elements are created inside the same directory: 1. The core menu.js Javascript file. 2. The awmdata directory (or your custom directory as defined in Project Properties > Compile Properties > Folders >

Advanced).This directory contains the necessary Javascript menu-building Libraries (awmlibX.js) along with any images used by thecompiled menu.

The awmdata directory (and its contents) is required and must always reside in the same directory with the menu.js file.Therefore, it is critical that you do not forget to upload the awmdata directory along with the menu.js file! ExampleLet's say that the local root folder of your site is the c:\mysite folder and that the contents of your web site are:| -------------------------------------------- || c:\mysite\index.html || c:\mysite\companyinfo.html || ... || c:\mysite\faq.html || ---------------------------------------------| You now design a menu in AllWebMenus, called mysitemenu.awm, and you compile it into a file calledc:\mysite\mymenu.js. Your local web site now contains:| ------------------------------------------------------------------ || c:\mysite\index.html || c:\mysite\companyinfo.html || ... || c:\mysite\faq.html || c:\mysite\mymenu.js || c:\mysite\awmdata\awmlibX.js || c:\mysite\awmdata\dot.gif || c:\mysite\awmdata\mymenu\image1.gif || ... || c:\mysite\awmdata\mymenu\image8.jpg || ------------------------------------------------------------------ | The elements in bold should be uploaded on the server in the same directory structure where they are locally created. If you don't upload them or you misplace them on the server, the menu will produce a run-time error and will fail to appeardue to the following reasons:· misplacement of the mymenu.js file: all web pages linked to the compiled menu will not be able to find it.· misplacement of the awmdata directory: the mymenu.js file will not be able to call the necessary awmdata\*.js

javascript libraries that build the menu. Notes:

AllWebMenus Help Command: Compile Menu


The "mymenu" name was chosen as an example. If you name the compiled menu "menu1", then you should find andupload a menu1.js file and an awmdata folder. You can compile the menu anywhere you like within your site's directory structure. This decision should not be affected bythe location of the pages you want to link the menu to.For example, if you want to link the menu into a Dreamweaver template, you are not required to compile the menu into theTemplates directory, as you will have to upload the Templates directory on the server too.In general, simply compile your menu into your root directory or into a manually-created subdirectory and you will be able tolink it to any page, shared border, template or library of your web site directory structure. Notes for FrontPage users:

1. To properly use AllWebMenus with Shared Borders please read carefully the "Compile Properties, FrontPage Support"section. 2. The menu should not be compiled inside the _borders folder or any other special folders used by the authoring tool tomanipulate common objects. The obvious reason is that these folders are not uploaded on the server when publishing thesite. Instead, compile the menu in root or in any other manually-created subdirectory.

See alsoLink Compiled Menu to Web Page(s)Compile Properties: FoldersCompile Properties: Cross-Frame SupportCompile Properties: OptimizationCompile Properties: FrontPage SupportHow Do I Use my designed menu on my web pages

AllWebMenus Help Command: Compile Menu


Command: Project Properties

Allows you to specify the following properties and options for your loaded menu project: Preview Panel Settings Project Info Settings Compile Properties Folders Cross-Frame Support Optimization FrontPage Support Advanced Scripting Custom Variables RTL Languages Support

AllWebMenus Help Command: Project Properties


Compile Properties

To read more info on a "Compile Properties" topic, please click on its respective link below: Folders Menu Structure Source (SEO) Cross-Frame Support Optimization Menu-Linking Code in Tags FrontPage Support Advanced Scripting Custom Variables RTL Languages Support

AllWebMenus Help Compile Properties


Compile Properties: Folders

Here you specify the output folders and files to be created when compiling your menu project. The Site_Root folder is the location where your web site (your main index page) is locally stored. It is also referred as the"Site Root" folder in other applications. It is very important that you specify the correct folder here, as it is used in both thecompile process and in the <Link> item property for browsing the site pages. The Compiled menu name is the name of the javascript file that is generated when you compile the menu. It defaults tomenu.js but you may as well change it to something else. Note that you can use multiple menus in the same website byhaving different projects compiling menus under different "Compiled menu name" properties. Once you setup your "Site_Root folder", you are able to edit the "Compiled subfolders" which include the following:(version PRO only) Menu file subfolder

This specifies a custom subfolder in your web site where your menu will be compiled. The default folder where the menugets compiled is the Site Root of your web site. Note that the folder needs to exist prior to selecting it.

When compiling a menu a default awmdata folder is also created under the same directory. This folder contains thenecessary Javascript menu-building Libraries along with any images used by the compiled menu. Instead of using thedefault awmdata folder, you may use two separate custom folders for the following entities:

Javascript libraries subfolder

awmlibX.js The required Javascript menu-building Libraries. These are the javascript files containing all the functionsthat build the menu and drive its behavior.

dot.gif A required image file used to implement the cross-browser rendering of the menu. Read more below. There is no apparent reason to change the menu-building libraries folder, so we recommend that you keep the defaultawmdata value.

Menu images subfolder

.jpg, or .giffiles

(all images used by the menu, except of the "dot.gif" special image that resides in the "Javascript libraries"folder. If not uploaded, the menu will still display all items but without images. The missing image sign ("x")may also appear in place of those images)

Custom folders may be required when two or more menus are used in the same web site and images from both menususe the same names. This is the usual situation that may require you to have a different subfolder for the producedimages (default behavior).

Custom folders may contain relative paths too (eg: ../). If you do so, the folder location will be relative to the location of thecompiled menuname.js file. Examples:Libraries Folder: awmdataImages Folder: awmdata/menu Libraries Folder: allwebmenusdataImages Folder: allwebmenusdata/menu Libraries Folder: ../allwebmenusdataImages Folder: ../allwebmenusdata/menu Libraries Folder: allwebmenuslibsImages Folder: allwebmenusimages Libraries Folder: ../allwebmenuslibs

AllWebMenus Help Compile Properties: Folders


Images Folder: ../allwebmenusimages

The 'Place "dot.gif" in' option

The file "dot.gif" is a required image file used to implement the cross-browser rendering of the menu. If missing, a smallline will appear on the left side of every menu item and the menu may not show properly in some browsers. Although it is an image file, it is inserted inside the "Javascript libraries" folder (eg: "awmdata") by default. This isabsolutely fine for the vast majority of server settings. However, in some rare server settings you may need to have it inserted into the "Menu images" subfolder by using therelated 'Place "dot.gif" in' option. In that way all images are placed together and only javascripts remain inside the"awmdata" folder. On what rare cases is this option useful?See below an email sent by a customer: > Hello,>> I realize that after compiling a menu, the dot.gif file is always> placed in the same folder as the library files. Unfortunately, our web> host demands separation of image files (e.g., jpeg, gif) from> executable files (e.g., html, js, etc.) in different folders.>> What is the best way to accomplish this? This is exactly the case where the customer should change the option from default to "Menu images folder".

AllWebMenus Help Compile Properties: Folders


Compile Properties: Menu Structure Source

Here you can specify how your menu is populated with menu items (and submenus).

Option 1: using the project's structure, i.e. items that you add to your AllWebMenus project. These items are fetched fromits compiled project's file (default option), OR Option 2: "on-the-fly", using <UL><LI> items fetched from the loaded page that shows the menu.

Option 1: Populate menu inside this project, with items specified in Menu Structure (default)

With this option your menu uses the structure you create and edit within the AllWebMenus application. When you compile, this structure gets embedded to a single javascript file and all pages linking to this file use that menustructure. Contrary to the <UL><LI> option: - You do not have to add menu items (<UL><LI> HTML code) on every single page of your website. When you make achange to the structure, you just re-compile and re-upload the related files to your server and you are done. - The menu appearance can also use *custom*, item-specific style values (besides the styles of Style Editor). - The menu appears faster (gets built while the page is still loading, not after). - You can achieve SEO by either linking a sitemap HTML file to your home page (or to any other page indexed by searchengines), OR still adding the <UL><LI> code to your pages (from option 2). If you use the UL/LI code in your pages, do not get confused and think that the menu will ignore the "within project" itemsand populate itself using that UL/LI code. As long as you have checked the "Populate menu inside this project" option(1st option), the <UL><LI> code serves only for SEO purposes; not for populating the menu.

Option 2: Populate menu inside your page, through UL/LI items

With this option your menu *ignores* the project's menu structure (which is located in a javascript file) and rather buildsits structure "on-the-fly", based on <UL><LI> elements added (by you) in your page's HTML code. This method has the following characteristics:

- Search engines can crawl your menu structure on any page where your menu is shown. However, this can still beachieved through a single sitemap file (see how), so this should not necessarily be the reason to use that option. - You can use a different menu structure on different pages. Since the menu is built "on-the-fly", based on <UL><LI>tags inside your pages' HTML code, you can have different tags on different pages. - The menu appearance is based on the standard styles of the project's Style Editor only. Any *custom*, item-specificstyle values are *ignored*. - The project's structure is still used in "Menu Preview Pane" in order to show you sample items when designing yourmenu (but it is not used on your actual pages, as this is substituted by your <UL><LI> items found there). - The menu always appears after the page is fully loaded.

Example:

<ul id="awmULLI-menu" style="display:none;"> <li><a href="index.html">Home</a></li> <li><a href="item1.html">Item 1</a></li> <li><a href="item2.html">Item 2</a> <ul> <li>Item 2.1 <ul> <li><a href="item_211.html">Item 2.1.1</a></li>

AllWebMenus Help Compile Properties: Menu Structure Source


<li><a href="item_212.html">Item 2.1.2</a></li> <li><a href="item_213.html">Item 2.1.3</a></li> <li><a href="item_214.html">Item 2.1.4</a></li> </ul> </li> <li><a href="item_22.html">Item 2.2</a> </li> </ul> </li> <li><a href="item3.html">Item 3</a> </li></ul>

The above <UL><LI> HTML structure represents the following menu structure:

Note: If you cannot use the "id" attribute in your HTML (in "WordPress" for example), you can use the "class" attributeinstead:<ul class="awmULLI-menu" style="display:none;">

How the <UL><LI> population method works: The AllWebMenus engine parses the <UL> structure that uses the same ID as the one specified within the AllWebMenusproject (usually this defaults to "awmULLI-menu", unless you compile your menu with a different name or you change itmanually). Each <UL> represents a submenu (group), each <LI> represents an item. The <A> tag contains the URL that the item opens when clicked. The appearance of all items is specified within AllWebMenus, not through your website's CSS. In particular, the styles inStyle Editor are used to create your menu theme (appearance/behavior). This is why the <A> tags are not shown as underlined (for example) or using your website's CSS definition. Your items are formatted based on the "HTML - Formatting" mode (see different modes), therefore you can still makesome changes in appearance through HTML. The last Main Menu item in the sample <UL><LI> code shows this (it usesan <i> tag on its last 2 words). Note that in this mode, the mouse handling of the HTML tags you use within an <LI> tag isignored (it is passed to the AllWebMenus engine instead). Finally, you can also utilize the "HTML - Full" mode (see different modes) if you want to have full control even for themouse events (note: this may not work for all HTML combinations!). The last item of the "Item 2" submenu in the sample<UL><LI> code shows this: <li>Manual <span style="font-weight:bold; color:#F00;">styling.</span>. Here<b>is a</b> <a href="item_26.html">link</a>. <br>Item is rendered in "FullHTML" mode</li>

If you use the above code in a menu, you will see that the <A> tag renders the "link" text based on your website's CSS(underlined for example) and is clickable, while the rest of the item area is not clickable. AllWebMenus decides automatically if the "HTML - Full" mode applies or not, based on the following rule:



Is the <A> tag the only content within the <LI>?

YES example: <li><a href="index.html">Home</a></li>=> the item is rendered based on the "HTML - Formatting" mode (tags are used only for formatting, not for actions)

NO example: <li>This is a <a href="page.html">link</a>.</li>=> the item is rendered based on the "HTML - Full" mode (tags are used both for CSS-based formatting AND actions)

IMPORTANT NOTE when triggering the "HTML - Full" mode!Not all HTML tags can work in combination with the engine's own styling, so avoid using complex customizations throughthe "HTML - Full" mode. Support cannot be given for problems when using this mode, as the <UL><LI> feature isstrongly intended for use with simple items (like <li><a href="index.html">Home</a></li>). About the "display:none;" style attribute: The AllWebMenus engine automatically hides the <UL><LI> structure when it detects it, so that these links do not visuallyinterfere with the contents of the page (the <UL><LI> structure is used to populate the menu, which is then displayedinstead of the links). The "display:none;" attribute on the 1st <UL> tag is used additionally, so that the <UL><LI> structure is hidden for aperiod of some milliseconds before AllWebMenus detects it and hides it with its own method. While it is good to keep this attribute so that you do not see the structure "appear/disappear" for some milliseconds, youmay decide not to keep it if you wish your links to be visible on browsers that do not support javascript (or have itdisabled). Keep in mind however that this way the structure will always be visible until the menu starts loading (in themajority of users that do have javascript on their browsers).



Compile Properties: SEO

Here you can generate code to use for search engine optimization purposes. You can apply any of the following twomethods, or even both (combined):

Sitemap-based SEOOn-page SEO

Sitemap-based SEO:

Search engines will crawl your menu links through a single sitemap file that they find on your website. Use the "Generic Sitemap" button to create a sitemap based on your menu structure. A simple .html file will be exported that contains all your menu items along with their links (as <A> tags). Then, just add a "sitemap" link on your index page (or any other page crawled by search engines) that links to that fileand your most important pages of your website (those in your menu) will be indexed by the search engine crawlers,without any hassles! Additionally, you may also use the "Google Sitemap" or "ROR Sitemap" to provide more info for certain searchengines. With this method (compared to the "on-page SEO" method) you do not need to add a lot of HTML code to your page(other than just adding a simple link to the sitemap file).

On-page SEO:

Search engines will crawl your menu links through <UL><LI> HTML code that you add to your pages. Use the "View sample <UL><LI> code" button to see how your HTML code should be structured. As you can see there, your menu links are presented as standard <A> tags. Therefore, search engines will index them automatically whenever they crawl a page that contains the related <UL><LI>HTML code. Example:

<ul id="awmULLI-menu" style="display:none;"> <li><a href="index.html">Home</a></li> <li><a href="item1.html">Item 1</a></li> <li><a href="item2.html">Item 2</a> <ul> <li>Item 2.1 <ul> <li><a href="item_211.html">Item 2.1.1</a></li> <li><a href="item_212.html">Item 2.1.2</a></li> <li><a href="item_213.html">Item 2.1.3</a></li> <li><a href="item_214.html">Item 2.1.4</a></li> </ul> </li> <li><a href="item_22.html">Item 2.2</a> </li> </ul> </li> <li><a href="item3.html">Item 3</a> </li></ul>

Through the above <UL><LI> HTML, search engines will index all pages referenced by the <a> tags. Notes:- Some people believe that this method provides a little better SEO (compared to the "sitemap-based SEO"), as thelinks are followed directly from a major page rather than indirectly from a sitemap page. However, some other people

AllWebMenus Help Compile Properties: SEO


believe that this method may not be as effective, since this list of links should be inevitably hidden from the user (throughthe "style" element on the first <UL>).We provide you with both methods to choose the one (or both) that you believe will be most effective for your website.

- Using the "on-page SEO" method does not require you to also use the "<UL><LI> option" in the Menu Structure Sourceproperty. These are independent from each other. Actually, if you do so, your menu will be populated "on-the-fly" (basedon the <UL><LI> code you use for SEO purposes), while you may not want this to happen. So, you can use the "Populatemenu inside this project" option there and still use the "on page SEO" method.

AllWebMenus Help Compile Properties: SEO


Compile Properties: Cross-Frame Support (version Pro only)

Menus and submenus are DHTML elements. Unfortunately, the DHTML specifications in some older browsers do not allowan object to be displayed outside its defined frame. Respectively, a menu is not able to open its submenus outside itsassigned frame. To account for this browser restriction we implemented a solution where the Main Menu appears on one frame and all itsSubmenus appear on another frame. You can view an on-line demo on how to implement cross-frame menus at http://www.likno.com/demos.htmlYou can also view an actual cross-frame implementation at http://www.likno.com/examples/demo_frames.html To use our solution on a framed web site you need to do the following steps: STEP 1. Go to Tools-> Project Properties > Compile Properties and check the "Enable Cross-Frame Support" box. Youwill have to give two pieces of information:

"Frame Name where the Submenus will appear":This is the name of the frame where the submenus will open (not the name of the html file that opens inside that frame!).A Wizard has been created to help you retrieve the proper name for your selected frame. Example:Let's assume the following Frameset Definition inside the source code of your home page: <frameset framespacing="0" border="0" cols="171,*" frameborder="0"> <frame name="left" target="main" src="left_page.htm" scrolling="auto"> <frame name="main" src="main_page.htm" target="_self"> <noframes> <body> <p>You need a browser that supports frames to see this site </p> </body> </noframes></frameset> Let's also assume that you want the Main Menu to appear on the left frame and its submenus on the main frame.The proper value for the field "Frame Name where the Submenus will open" should therefore be: main (notmain_page.htm !) "Submenus Positioning Offset":This field should only be used if your frameset has more than two frames and one of these frames affects the positionof submenus relative to their Main Menu. The best way to understand the functionality of this property is to read the following example:

Definitions:My = vertical distance from top edge of Main Menu (in pixels)Sy = vertical distance from top edge of the "Item 2" submenu (in pixels)Final_Sy = vertical distance from frame's top edge of the submenu (in pixels)

AllWebMenus Help Compile Properties: Cross-Frame Support


Offset = the value you enter in the "Submenus Positioning Offset" field (positive or negative number of pixels) In a two-framed web page, the submenu of "Item 2" opens correctly at Sy pixels from the top edge. The scriptautomatically calculates the Sy distance based on the My value. However, in a three-framed web page of the following setting, the submenu will open far away from its parent item due tothe calculated Sy distance. The only way to avoid this is to manually enter the expected height of the top-right frame. Inthis particular setting, the Offset needs to be a negative number so that the final Sy distance is smaller. The exact formula is: Final_Sy = Sy + Offset

STEP 2. Provided that the "Enable Cross-Frame Support" box is checked, the Compile Menu command creates twomenu files instead of one:the menuname.js file which contains the Main Menu only, andthe menuname_sub.js file which contains all the Submenus. You need to link the menuname.js to the page where you want the Main Menu to appear, and the menuname_sub.js to thepages where you want the Submenus to appear.

Example:Assuming that you use the following frameset: <frame name="left" target="main" src="left_page.htm" scrolling="auto"> <frame name="main" src="main_page.htm" target="_self"> menuname.js should be linked to the left_page.htm,menuname_sub.js should be linked to the main_page.htm and all other pages opening at the main frame.

Tip1: If you have only created frames so that your navigation is always visible, there is a better way to achieve this. Youcan avoid having frames by using a "Floating" menu at the left or top of your page.To view an on-line example on how to avoid frames using the "Floating" feature, you may click on the link below:http://www.likno.com/examples/example_frames_floating.html Tip2: For "horizontal" menus you may use "horizontal submenus" and still use frames, allowing a little space for thehorizontal submenus to open. Important Notes!1. Using the cross-frame feature for menus placed on right frames:Submenus always open at the left side of the target frame. While this is normal behavior for menus placed on left frames, itis not as good for menus placed on right frames (eg: Arabic or Hebrew framed web sites).If you have a right-to-left, framed web site, and the Main Menu is placed on the right frame, then you need to enter thefollowing code into the "Advanced Scripting" property:

var awmRightToLeftFrame=2;Only if you use this variable will the submenus appear at the right side of the left frame (target frame for the submenus).Otherwise, the submenus will appear at the left side of the left frame (default behavior). 2. Do not use html files with a system default name like top.html, as it appears that it conflicts with conventional defaulttarget names top, new, parent, etc...

AllWebMenus Help Compile Properties: Cross-Frame Support


Compile Properties: Optimization

This topic is described in detail in the "Optimize menus to improve building speed" section.

AllWebMenus Help Compile Properties: Optimization


Compile Properties: Menu-Linking Code in Tags

In this Compile Property you inform AllWebMenus if the menu-linking code is a direct child of the <BODY> tag (defaultbehavior) OR it "sits" inside additional tags (like <td>, <div>, <span>, etc.). Why should you do this? By default, the AllWebMenus "automatic linking" process inserts the menu-linking code at the beginning of the page'sHTML main code, right after the <BODY> tag (and outside any other tags). The same you should also do if you choose to add the code manually. This allows the menu to be generated in thebackground while the browser still loads the rest of the page, hence it appears fast. However, depending on the CMS or website builder you use, you may not be able to insert the menu-linking code there. In such a case:

- If the menu-linking code is placed differently but is still a direct child of the <BODY> tag, you do not need to changethe default "No, outside tags" option. - If the menu-linking code is placed differently but is not a direct child of the <BODY> tag (i.e. it is also within othertags), you need to set the option to "Yes, within tags". Otherwise, your menu may appear broken in certain browsers!

By using the "Yes, within tags" value, the menu engine starts building the menu only after the entire page is fully loaded.With this technique, the existence of any nested tags do not break the building and rendering of the menu. The only minimal "effect" of this option is that your menu appears after the page is fully loaded, not as quickly as with the"No, outside tags" option. However, this is very minimal and unnoticeable in most cases, as the menu files are cached aftervisiting the first page that contains them. Note on positioning:- The menu-linking code does not determine where the menu appears on page (this is specified through the <Positioning>property). Therefore, moving it from right AFTER the <BODY> tag will have no effect on menu positioning. Note on <UL><LI> case:You may see this property disabled. This happens when the <Menu Structure Source> property is set to the "<UL><LI>items" value. Why? This value requires that the page must be fully loaded before the menu can be rendered on page.Therefore the "Menu-Linking Code in Tags" defaults to "Yes" (which has the "fully load" requirement), regardless of theselection made. It is enabled again only if you change the "Menu Structure Source" to the "Use project's structure" value. See alsoMenu-linking code

AllWebMenus Help Compile Properties: Menu-Linking Code in Tags


Compile Properties: FrontPage Support

If you are a FrontPage user you can link your menu into a Shared Border so that you won't have to link it into each pageseparately. Note: You should link the menu only to the Bottom Shared Border to make sure that you won't get into trouble withcertain browsers. The reason for this restriction is explained in the last section of this page. How to use the Bottom Shared Border to display a menu in all pages:

1. Inside FrontPage, check the Bottom Shared Border box in all pages where you want the menu to appear.(see notes below to understand why you should not choose the top, left or right shared border to insert the menu-linking code) 2. Inside AllWebMenus, go to Tools-> Project Properties > Compile Properties-> FrontPage Support and check the"Support Shared Borders in FrontPage" box. 3. Close your Web in FrontPage so that all compile/link changes take effect. 4. Compile the menu at your WEB's root (not inside your _borders directory). 5. Use the "Link Compiled Menu to Web Page(s)" command to link the menu to your WEB's _borders/bottom.htm file.

Note! The _borders directory is set to be hidden by Frontpage. In order to work with the files in this directory you will needto change a setting in your "Folder Options" of your Windows Explorer, as illustrated below:

Following the steps above, the menu appears in all pages containing the Bottom shared border.The exact positioning of the menu is determined by other properties (see paragraph below). (note: the presence of the menu-linking code inside the Bottom shared border does not necessarily mean that the menuappears in all pages containing the Bottom shared border. You may want some of these pages not to show the menu. Toachieve this behaviour, you should compile the menu using the "Element-relative positioning" method on the <Positioning>property and make sure that you do not include the menu-positioning code on these pages. With this way the menu will notappear on the page.) Why linking the menu to the Bottom Shared Border does not affect the desired position of the menu on the page: Since the menu floats on the page, its position is not determined by where you place the AllWebMenus menu-linking code(i.e. the code inserted when using the "Link Compiled menu" command). Instead, its position is determined by the <Vertical

AllWebMenus Help Compile Properties: FrontPage Support


Distance from Edge> and <Horizontal Distance from Edge> properties, or by the menu-positioning code that you mayhave inserted at the desired location on page. So, position-wise it does not matter where you place the menu-linking code(where you link the menu). However, for cross-browser reasons it does matter that you not move this code from the end ofthe page! And the only way to achieve this with Shared Borders is to link the menu into the Bottom Shared Border andcheck the related box in Compile Properties. For more info on how to achieve exact menu positioning by using the related menu-positioning code you may read the"How Do I Position the menu relative to a page element" section. See alsoHow Do I Position the menu relative to a page elementCompile MenuHow Do I Use my designed menu on my web pages

AllWebMenus Help Compile Properties: FrontPage Support


Compile Properties: Advanced Scripting

In this Compile Property you can specify additional javascript code to be inserted into the menu.js file upon compilation ofthe menu. This additional code will be executed every time the menu appears on page (i.e. every time the menu srcipt is running). An experienced developer can integrate several javascript effects inside the menu.js file. You can imagine that this extendsthe AllWebMenus functionality dramatically, since the menu.js runs in all the pages of your web site. Your scripts may produce javascript errors in the Preview pane if they rely on information located at your actual web pages.In this case it is recommended that you check the "Ignore script in Preview pane" so that they do not run at preview mode.The scripts *do* run on your actual web pages. Note 1: Do not use the <script> & </script> tags. The menu.js is already a javascript file. Note 2: This feature is for advanced users only! You may produce Javascript Errors if you do not include valid code here.

AllWebMenus Help Compile Properties: Advanced Scripting


Compile Properties: Custom Variables (version Pro only)

In this Compile Property you can specify default strings for any custom variable (eg: myvar) you have added to applicabletext-related properties (like the <Text> or <Link> property), using the <awm:myvar> syntax (see example below oradditional example online). A custom variable is a javascript variable that you can edit in your web page (through javascript) in order to alter theappearing text based on your conditions or preferences. Note that if you want to update the variable value you should enterthe related javascript code prior to the menu-linking code (which builds the menu). Otherwise the updated string will notappear on the menu; the “default” string will appear instead. · The syntax of a custom variable is:

<awm:myvar> OR <awm:myvar/> (whichever you prefer) · The properties where a custom variable can be used are:

ITEM PROPERTIES- <Text>- <Link>- <Status Bar Text>- <Tooltip> GROUP PROPERTIES- <Header Text>- <Header Tooltip>- <Footer Text>- <Footer Tooltip>

· Examples on how a custom variable is used:

Suppose you add a custom variable, called "currencyvar", in the <Text> property of an item:

You then click on the "Tools -> Project Properties" menu OR the "Compile Properties" toolbar button:

You click on the "Custom Variables" option and see the "currencyvar" variable already detected and added to the list.Suppose you set the default value of the variable to "Euros":

This will result to the following text on the menu item by default:

Now, suppose that you are using PHP (same applies to any other language).

AllWebMenus Help Compile Properties: Custom Variables


You can specify a different value for the "currencyvar" javascript variable through the following sample code:

<body><? $country = $_GET['country']; switch ($country) { case "EU": case "Germany": case "Greece": case "France": case "Spain": default: $cur = "Euros"; break; case "UK": $cur = "British Pounds"; break; case "US": $cur = "US Dollars"; break; } //Any custom variable used in the AllWebMenus project must take avalue *before* the menu-linking code builds the menu! //Otherwise, the "default" value of the variable will be shown. //The below line sets the value to the custom javascript variable: echo "<script type='text/javascript'>var currencyvar ='$cur';</script>"; ?> <script type="text/javascript">var MenuLinkedBy="AllWebMenus[4]",awmMenuName="menu",awmBN="628";awmAltUrl="";</script><script charset="UTF-8" src="menu.js" type="text/javascript"></script><scripttype="text/javascript">awmBuildMenu();</script> 

Assuming that the $country is "US", the following text will appear on the menu item:

In general, you can specify the value of any "custom variable" used in the AllWebMenus project through javascriptcode: <script type='text/javascript'>var variable1 = value1;var variable2 = value2;</script> The only important thing to remember is that you have to enter the above code PRIOR to the menu-linking code,otherwise the default values of the variables will appear instead. The variables CANNOT be changed later on-the-fly, i.e.after the menu is build and shown. You can also see an additional example online.

Note 1: The list of custom variables is automatically populated through "smart crawling" of the applicable text-related

properties. You cannot add or delete variables through the "Custom Variables" form, as this is done automatically bythe crawling process.

Note 2: This feature is for advanced users only! You may produce Javascript Errors if you do not use valid syntax in custom

variables. No support will be provided on mishandling of javascript variables.



Compile Properties: RTL Languages Support

Here you can specify your menu to be compiled for Right-to-Left (eg: Arabic, Hebrew) web sites. Just check this option and your menu will automatically function as a Right-to-Left menu: - All submenus of an horizontal menu will align to the right edge of the parent item. - The "Auto" value of the <Appears - Where> property makes the submenu appear to the right side of the parent group - Cross-frame implementations make the submenus appear on the right side of the frame that contains the submenus,instead of left. (Note: if you want to have RTL support, but still want your submenus to appear on the left side of the framethat contains them, then you need to enter the following code into the "Advanced Scripting" property: varawmRightToLeftFrame=2;

AllWebMenus Help Compile Properties: RTL Languages Support


Compile Properties: Menu Printing

When printing a page, its menu layout may be misplaced as browsers do not support accurate printing of DHTML elements(any type, not only menus). If you want to overcome this, you can have the related option checked: "Do not print the menu layout when printing thepage"

AllWebMenus Help Compile Properties: Menu Printing


Preview Panel Settings

You can specify options for the Preview Panel, such as the Background Color, the text Encoding, the Doctype and if themenu is automatically refreshed when a change is made to a property. Notes:- The "Automatically Refresh Preview" is not recommended if you have very large menus as it may slow you down whenediting the menu properties. - Both the “Doctype” and “Encoding” values are used in previewing the menu within AllWebMenus and are not applied toyour actual pages. Your pages will have their own HTML code for Doctype and Encoding and therefore the menu will berendered according to those values; NOT according to the Menu Preview values. The Menu Preview options are there justto facilitate the preview. Read here more

AllWebMenus Help Preview Panel Settings


Project Info Settings

Here you can specify settings for your menu project, such as:

Author NameAuthor URLProject DescriptionDesign Notes

AllWebMenus Help Project Info Settings


Command: Link Compiled Menu to Web Page(s)

Links a compiled menu (.js file) to a selection of web pages. At this stage, AllWebMenus inserts the necessary menu link into the selected web pages. No DHTML or Javascriptknowledge is required since the whole process is conducted by the application. The menu link is a few lines of code andcan be easily identified inside the source code by a related comment. The linking process requires only two pieces of information:1. The compiled menu file (eg: mymenu.js)2. The web page(s) where the menu link will be created.

In step 2, you may also use an optional Alternative URL where the user will be automatically redirected if his/herbrowser does not support dynamic HTML.

Obviously, you need to upload the updated web pages on the server so that the menu can be viewed on-line. However, it isimportant that you also upload...

1. the compiled menu file (eg: mymenu.js).2. the awmdata folder.

...at the same directory structure where they reside locally.See the Compile Menu command for more info on this issue. To update the design of an already compiled menu you should first make the changes to its respective .awm file and thenrecompile it. Provided that you did not change the name or the directory of the compiled menu, you do not need to re-linkthe menu to the pages that already contain that link. However, you may need to do so if you are using a new AllWebMenusversion with improved menu-linking code. How does the menu-linking process work:Let's say that you want to link a menu called "menu3.js" to a page. The process asks the following question and takes therespective action: Does menu-linking code already exists for "menu3.js"?Yes -> Replace the old menu-linking code with the new oneNo -> Insert a new menu-linking code for "menu3.js" into the page Notes:Note about file extensions:The link can be inserted in any kind of page, regardless of its extension. Just use the All Files (*.*) filter to select web pagesthat have an extension other than the typical .html or .htm one. Note for Dreamweaver users:If you like, you can also link the compiled menu to a template (.dwt) or a library (.lbi). Just select the related directory(Templates or Library) and use the All Files (*.*) filter so that you can view the template or library file. The library (.lbi) is a special Dreamweaver file containing a collection of individual assets or copies of assets that you canplace in your web pages. That means the menu linking code can be added in a library but you should make sure that thelibrary should be placed as the first element after the BODY opening tag (<body>) and that the linking code is the firstelement, listed in the library file itself. The menu does not have to be compiled inside the Templates directory. On the contrary, we do not advise you to do so asyou will have to upload the Templates directory on the server too. Note for FrontPage users:Similarly to Dreamweaver, you can link your menu into an include so that it can be used by all other pages. Just make surethat this include contains only the menu and that it is inserted immediately before the </body> tag of the pages. To use themenu inside a Shared Border, please read the "How Do I Link menus to FrontPage Shared Borders" section. Note for users of the "WordPress Menu Add-in", "Joomla Menu Add-in", etc.:The menu-linking code is different on these environments!Check the online section of each Add-in for instructions on its different menu-linking code.You may also find links on pages describing the different menu-linking code of several Add-ins here.

AllWebMenus Help Command: Link Compiled Menu to Web Pages


See alsoCompile MenuThe alternative web pageHow Do I Position the menu relative to a page elementHow Do I Link menus to FrontPage Shared BordersHow Do I Use my designed menu on my web pages

AllWebMenus Help Command: Link Compiled Menu to Web Pages


Command: External Multi Editing

You can use this feature for editing certain text-related properties of an AllWebMenus project (.awm) in Excel orOpenOffice Calc. How? Choose the "External Multi Editing" command in the "Tools" menu:

Then, click the "Extract XML file for this menu" button.

This produces an XML file with specific properties of the menu, which you then edit in Excel. After you finish editing the supported menu properties in the XML file, save it and click the "Update menu from XML file"button. This opens an "Open XML Spreadsheet File" dialog. Select your saved XML there and click "Open". This is it! Your menu now gets the updated values that you edited in Excel.

Note that this is not a "do-it-all-in-Excel" feature. You can edit some particular properties only. For example, you cannot edit the "Item Image" or "Item Separator" properties, you cannot edit the style properties, etc. This feature can be used for easy search and replace on text-related properties (such as changing the URL on all links),by editing the XML file in Excel and then updating your AllWebMenus project accordingly.

AllWebMenus Help Command: External Multi Editing


Still, you can also add or delete rows, thus performing some menu structure management outside of the AllWebMenusinterface. This is an advanced capability (read below how this can be done) so use it with care! We will NOT offer support for errors in your XML. Saving your project before updating it with the XML file is stronglyrecommended, as the update removes your previous menu structure totally. Below is an explanation of what each column in Excel represents and what its values are: "Depth" column The "Depth" shows if an item is 1st level, 2nd level, 3rd level, etc. For example, for this menu...

...these are the "Depth" values in the XML file (as edited in Excel):

1 means that the item is a Main Menu item (1st level)22 means it is a submenu item of a Main Menu item (2nd level)333 means that it is a submenu item of another submenu item (3rd level)and so on...

If you edit the XML file so that you just change the text on the existing items, there is no need to know anything elseabout this column. Just don't touch its values and you will be OK. However, if you edit the XML file so that you also add or remove items (rows) from your menu structure, then please read below very carefully, as only specific values can be used in the cells of this column! The number of characters should always match the row's level: 1 Correct 22 Correct (two "2"

characters)



333 Correct (three "3"characters)

4444 Correct (four "4"characters)

4 Incorrect 444 Incorrect 55555 Correct (five "5"

characters) 5 Incorrect If you have more than 9 levels (very rare), you should use the alphabet characters:

AAAAAAAAAA (10 "A"s represent the 10th level)BBBBBBBBBBB (11 "B"s represent the 11th level)and so on...

The following rules apply: The level of the first menu item (row) must always be "1". A submenu item should always be a child of a "previous level" item. This means that a "1" row can only be followed byanother "1" row (same level item) or a "22" row (submenu item), but not a "333" row or a "4444" row (this would make nosense). The "level" of an item (row) compared to the level of its previous item can be:

- the same, if the two items are siblings. - bigger by one (and only one!), if it is a child of the previous item. In this case the previous item has a submenu group and the current item is the first in this submenu group. - smaller, if it is a member of a group which is "parent" (or any "grandparent") of the group where the previous itembelongs.

For example, after a "22" row you can have any of the following:

- another "22" row (another 2nd level item in the same submenu) OR - a "333" row (a submenu item for this item) OR - a "1" row (no more submenu items, next item is a 1st level item) OR nothing (the menu structure just ends there)

"ID" column



These IDs are used by AllWebMenus when performing the "Update menu from the XML file" process (opposite of the"Extract XML file for this menu" process). Using these IDs, AllWebMenus can retain the style information of your existing menu items in the project when the XML infois applied. It is important to follow these rules, otherwise the "Update menu..." process will break:

- Do not edit these values! Your items in the AllWebMenus project from which the XML is extracted need these values to "synchronize" some oftheir properties that cannot be edited through the XML file (such as style, Image, Has Separator, etc.). - When you add new items (by adding new rows), make sure that their ID cell is blank! In other words, new items should always have a blank ID. - If you duplicate (copy/paste) an existing item to create a new item, the new item will get the same ID value. In this case,you need to remove this value and make it blank!

"Text" columns (3 columns per state) The cell values of these columns refer to the "Text" AllWebMenus values ("1" in screenshot below).

Just add/edit the item's text in these cells.



For most projects, the "Text (Over)" and "Text (Click)" cells will be left blank. Only if you want them to be different thanthe "Text (Normal)" cell, you should use values there. Actually, the following rules apply when the "Update menu..." process takes place.

- If "Text (Over)" cell is blank: the "Text (Normal)" value is applied to the AllWebMenus "Mouse Over" state for this item. - If "Text (Click)" cell is blank: the "Text (Over)" value is applied to the AllWebMenus "Mouse Click" state for this item. - If both the "Text (Over)" and "Text (Click)" cells are blank: the "Text (Normal)" value is applied to all "Text" AllWebMenusstates for this item. - If you want a "Text (Over)" or "Text (Click)" cell to be applied literally as "blank" (empty) in AllWebMenus, you should usethe following special token in the cell: [no-text]

More info on the "Text" property. "Text Type" column The cell value of this column refers to the"How should the above string be rendered as?" section of the "Text"AllWebMenus property in AllWebMenus.

Valid values: For the default "Text Only" value, just leave this cell blank. This is the most common case. If you want a different option for an item, these are the exact values you are allowed to use on its "Text Type" cell:

HTML - Formatting ModeHTML - Full ModeHTML - Full Mode - Ignore Style

Note: If a "Text Type" cell uses a misspelled value from the above, the "Update menu..." process will break! More info on the "Text" property and its types.



"Link" column The cell value of this column refers to the "Link" AllWebMenus value ("2" in screenshot below).

Just add/edit that cell with any link you like. More info on the "Link" property. "Link Target" column The cell value of this column refers to the "Link Target" AllWebMenus value ("3" in screenshot below).

Valid values: For the default value "(none)", just leave this cell blank. This is the most common case. If you want a different option for an item, these are the exact values you are allowed to use on its "Link Target" cell:

_blank_top...or any name that specifies a frame/iframe in your page

More info on the "Link Target" property. "Status Bar Text" column The cell value of this column refers to the "Status Bar Text" AllWebMenus value ("4" in screenshot below).



Just add/edit that cell with any text you like. More info on the "Status Bar Text" property and what %Link% means. "Tooltip" column The cell value of this column refers to the "Tooltip" AllWebMenus value ("5" in screenshot below).

Just add/edit that cell with any text you like. More info on the "Tooltip" property. "Javascript Command" columns (3 columns per state) The cell values of these columns refer to the "Javascript Command" AllWebMenus values ("6" in screenshot below).

Just add/edit that cell with any text you like. More info on the "Javascript Command" property. "Open Modal Window" column



The cell value of this column refers to the "Open Modal Window" AllWebMenus value ("7" in screenshot below).

Just add/edit that cell with any text you like. More info on the "Open Modal Window" property.



Command: Import FrontPage Navigation Structure (version Pro only)

Imports the Navigation Structure of a FrontPage Web into AllWebMenus. Note: For detailed information on how to use AllWebMenus with FrontPage, please visithttp://www.likno.com/frontpage.html

FrontPage users can create Navigation Structures inside theirWebs, so that navigation buttons appear throughout their publishedweb sites.You can easily replace these navigation buttons with neat menuscreated with AllWebMenus.

A Navigation Structure inside a FrontPage Web looks like the following:

The "Import FrontPage Navigation Structure" Tool lets you import this navigation structure into AllWebMenus and create amenu structure out of it.

In order to do so, you only need to select the folder where your FrontPage Web is located and AllWebMenus automaticallyimports the Navigation Structure. How to select the FrontPage Web folder: 1st Step: Browse your folders until you find your particular FrontPage Web folder. Press the [Open] button.Make sure that you selected a valid FrontPage Web folder!

AllWebMenus Help Command: Import FrontPage Navigation Structure


2nd Step: After clicking on the FrontPage Web folder (eg: "My Webs4"), the folder opens and its contents appear.There, you should only click the [Open] button immediately without clicking on any other folder!

You need to wait for some seconds so that AllWebMenus connects to your FrontPage installation.Provided that a FrontPage installation exists on the same computer where AllWebMenus is installed, AllWebMenus importsthe Navigation Structure and creates a new menu out of it. Note! The imported Navigation Structure uses the styles that exist in the Style Editor at the time of the import. If you want adifferent theme for your menu you can open the Theme Gallery and choose a different theme from there. Theme Galleryallows you to create your own themes, so it is highly recommended that you first create and add your preferred themes intothe Gallery and then use them on your imported menus.

AllWebMenus Help Command: Import FrontPage Navigation Structure


Command: Create Generic Sitemap

Generates a Site Map based on your menu structure. The Site Map is exported into a simple .html file and contains all items and their links (for those items that have links toother pages). This is a very useful feature for two reasons: 1. It is a neat solution for SEO (Search Engine Optimization) purposes. It can make your website "search-enginefriendly", as search engine crawlers use internal links (<a> tags) to spider a site (not javascript links). Just add a "Site Map" link at your index page (or any other page crawled by search engines) and your most importantpages of your website (those in your menu) are seen by the search engine crawlers. 2. It can be used for documentation, by printing the menu structure. The Site Map (i.e. the menu structure) is savedinto an .html file so you can print this .html file through your favorite browser/authoring tool. You can select from a variety of options for the exact form of your Site Map. These include Links and Items, Items as Links,Only links or just the Items of the menu. You can also select from a list of styles for the Site Map or of course you can create your own. To create your own style justenter your related .css file inside the /styles folder of your AllWebMenus installation. Once the Site Map is created in simple html format you can use your favourite authoring tools to modify it and add therelated code to your web pages. Example:The following site map has the same information as our menu located on our site. It was created using AllWebMenus bysimply exporting its structure with the use of the "Create Site Map" Tool.

Site Menu· Home Page· AllWebMenus

· Product Description· Examples

· Dots Example· Menubar Example· Glass Buttons Example· GreenHeart Example· Ladder Example· NS-Like Toolbar Example· more examples...· Menu-driven Customer Pages!

· Screenshots· ScreenShots

· Testimonials· Download AllWebMenus· Activate AllWebMenus· Affiliate/Reseller Program

· Support· On-line Support Center· F.A.Q.· How Do I?· What's New!· E-mail Sales

· Download Area· Download AllWebMenus· Download Menus & Styles· Download Manual

· Interesting Links· Menu-driven Customer Pages!· HTML Links·

AllWebMenus Help Command: Create Generic Sitemap


· Web Design Links See alsoCreate Google SitemapCreate ROR Sitemap

AllWebMenus Help Command: Create Generic Sitemap


Command: Create Google Sitemap

Generates a Google Sitemap file (sitemap.xml) based on the linked pages of the menu items. What is a Google Sitemap A Google Sitemap allows you to inform search engine crawlers about URLs on your Web sites that are available forcrawling. A Sitemap consists of a list of URLs and may also contain additional information about those URLs, such as whenthey were last modified, how frequently they change, etc. Click here for online help from Google How the AllWebMenus feature helps AllWebMenus lets you create a Google Sitemap using all the links included in your menu structure (therefore, the mostimportant links of your website). If a menu item does not link to a page (i.e. its <Link> property is blank) it appears in gray color and will not be included inthe generated Google Sitemap xml file. You can select values for the following properties: Last Modified DateChange FrequencyPriority The <default> value means that the xml file will not include any special value for the selected entry. Google will treat this entryusing its default values. The <automatic> value means that AllWebMenus reads the actual Last Modified Date of the associated files when theSitemap generation process starts. The <Base URL> property should be the online root folder of the website. The <Location> property is the local root folder of your website. This is where the file sitemap.xml will be created. Youshould not forget to upload the file on your server so that Google can track and use it. We welcome any feedback that you believe might help us improve this feature. See alsoCreate Generic SitemapCreate ROR Sitemap

AllWebMenus Help Command: Create Google Sitemap


Command: Create ROR Sitemap

Generates a ROR Sitemap file (ror.xml) based on the linked pages of the menu items. What is ROR ROR is a rapidly growing XML format for describing your website in a generic fashion, so that search engines can find anddiscover information more easily. ROR information is stored in a ROR file called ror.xml placed in the top directory (rootfolder) of your website. ROR can describe a large variety of objects: sitemaps, products, services, articles, images, menus,feeds, contact information, business information, reviews, etc. What is a ROR Sitemap A ROR Sitemap allows you to inform search engine crawlers about URLs on your Web sites that are available for crawling.A Sitemap consists of a list of URLs and may also contain additional information about those URLs, such as when theywere last modified, how frequently they change, etc. Click here for online help from the ROR website How the AllWebMenus feature helps AllWebMenus lets you create an ROR Sitemap using all the links included in your menu structure (therefore, the mostimportant links of your website). If a menu item does not link to a page (i.e. its <Link> property is blank) it appears in gray color and will not be included inthe generated ROR Sitemap xml file. You can select values for the following properties: Last Modified DateChange FrequencyPriority The <default> value means that the xml file will not include any special value for the selected entry. The <automatic> value means that AllWebMenus reads the actual Last Modified Date of the associated files when theSitemap generation process starts. The <Base URL> property should be the online root folder of the website. The <Location> property is the local root folder of your website. This is where the file ror.xml will be created. You shouldnot forget to upload this file on your server so that sites can track and use it. We welcome any feedback that you believe might help us improve this feature. See alsoCreate Generic SitemapCreate Google Sitemap

AllWebMenus Help Command: Create ROR Sitemap


Command: Customize

Allows you to customize AllWebMenus on the following settings: General Defaults

Preview Panel Settings Project Info Settings RTL Languages Support

AllWebMenus Help Command: Customize


Customize: General

Here you can customize the general look and feel of your AllWebMenus interface. Show text on toolbar buttons

You can choose not to show text on the toolbar buttons (default behavior) so that you save some space for your designpanels.

Start with expanded "Customize View"

You can choose to always start with the "Customize View" expanded so that you see all the style properties on thescreen. The default behavior is to hide the complexity of style properties be keeping them closed.

Open Welcome Dialog on Startup

This is where you choose if the Welcome Dialog window opens on startup or not.By default, this window opens on startup.

Launch Theme Gallery and Use Sample Items on New Menus

This is where you choose how a new menu appears, when selecting the "File->New" command: Checked option (default): Selecting "File->New", the Style Gallery is launched so that you can choose a style for your new menu and the new menuappears with the following structure: Main Menu Item1 Item2 Submenu4 Item5 Item6 Item7 Item3 The checked value is the default, aiming to show you how the Style Gallery and the Menu Structure Pane work. Unchecked option (default): Selecting "File->New", no Style Gallery is launched and the new menu appears with the following simple structure: Main Menu This means that no sample items are added to your new menu. You can start populating your menu structure fromscratch, without the need to delete or update any sample items. You can use this option when you are familiar with howthe menu structure works.

AllWebMenus Help General


Customize: Defaults

Allows you to customize your AllWebMenus preferences on the following properties and options: Preview Panel Settings Project Info Settings RTL Languages Support Note that the above settings refer to the initial values (defaults) that new menu projects should start with. If you want toupdate the values of your loaded project you should edit its Project Properties instead.

AllWebMenus Help Defaults


Defaults: Preview Panel Settings

Here you can specify default settings for new menus concerning their Preview Panel. For more info on these settings, please refer to the related project properties.

AllWebMenus Help Preview Panel Settings


Defaults: Project Info Settings

Here you can specify default settings for new menus concerning their Project Info. For more info on these settings, please refer to the related project properties.

AllWebMenus Help Project Info Settings


Defaults: RTL Languages Support

Here you can specify default settings for new menus concerning their RTL Languages support (eg: Arabic, Hebrew,Persian, etc.) For more info on these settings, please refer to the related project properties.

AllWebMenus Help RTL Languages Support


Add-ins (version Pro only)

NEW to version 4.2 and above (PRO only) Use this section to extend the AllWebMenus capabilities by using separately bought (or free) Add-ins. After purchasing the add-in, follow the instructions to install it. To check if this has been done properly you should be able tosee its name listed in the "Add-ins" section. To see all available add-ins select "Add-ins -> View available Add-ins online" or click directly on the URL below: http://www.likno.com/addins/dhtml-menu-addins.html?source=app

AllWebMenus Help Command: Add-ins


Command: Help

ContentsDisplays the contents of the help file. It also supports both keyword and full-text search. Search for Help On...Performs a keyword search on the help file. How do I...Gives advice on how to design menus and how to do particular tasks. Tip of the DayShows a tip every time you start the AllWebMenus application. You can deactivate this feature by unchecking the "ShowTips at Startup" box. Optimization TechniquesGives advice on how to optimize the menu design to improve the menu-building speed. How to Purchase/ActivateDisplays information about the purchase and activation process. Purchase AllWebMenusTransfers you to the online order form. Enter Activation CodeThis is where you can unlock your copy by typing an Activation Code. You will receive this Activation Code through yourLikno User Area account which is created after your purchase of AllWebMenus. Visit Likno on the WebVisit our web site to contact us, get the latest information on design techniques and download more examples and styles. Check for UpdatesChecks if newer versions have been released since the last time you installed AllWebMenus.It is recommended that you check for updates frequently as we regularly release improved cross-browser support for yourmenu implementations. On-line Support CenterOpens the on-line support center page where you can find additional help information on certain features of AllWebMenus. AboutDisplays the About box of AllWebMenus, with your license information.

AllWebMenus Help Command: Help


Properties Overview

Properties are classified as follows: According to the element (group or item) they describe:· Group Properties· Item Properties According to the type of the feature they describe:· Content Properties· Style Properties

AllWebMenus Help Properties Overview


Group Properties (version Pro)

Group Properties deal with the behavior and appearance of the area that contains a group of items. Groups are the MainMenu and all the Submenus.What is the difference between the Main Menu Group and the Submenu Group? Group Properties Version Group Content Properties (properties that describe the actual content of the group. Content properties do not changewhen a new Theme is applied or when a new Style is assigned to the group):

Header Text Lite & ProHeader Image Pro onlyPositioning (Main Menu only) Lite & ProMovable (Main Menu only) Pro onlyMenu Floats on Scroll (Main Menu only) Pro onlySticky Submenus Pro onlyShow Item or Group on Appear Pro onlyAdvanced section properties:Header Tooltip Pro onlyFooter Text Pro onlyFooter Image Pro onlyFooter Tooltip Pro onlyZ-Index (Main Menu only) Lite & ProJavascript Command on Appear Pro onlyJavascript Command on Disappear Pro only

Group Style Properties (properties that describe the appearance and behavior of the group, rather than its actualcontent. Style properties change when a new Theme is applied or when a new Style is assigned to the group):

Assigned Style Lite & ProType Lite & ProHas Header Lite & ProHas Footer Pro onlyAppears - Where (submenus only) Lite & ProAppears - Aligned with (submenus only) Pro onlyAppears - How Pro onlyDisappears - How Pro onlyOpacity Pro onlyBackground Color Lite & ProBackground Tile Image Pro onlyPadding Pro onlyBorder Lite & ProRounded Corners Pro onlyDistance Between Items Lite & ProWidth Pro only

For help on a specific property click on its related link. See alsoProperties Overview

AllWebMenus Help Group Properties


Item Properties (version Pro)

Item Properties deal with the behavior and appearance of an individual item. An item property has three different values,one for each item state. Item Properties Version Item Content Properties (properties that describe the actual content of the item. Content properties do not changewhen a new Theme is applied or when a new Style is assigned to the item):

Text Lite & Pro Image Pro onlyLink Lite & ProLink Target Pro onlyStatus Bar Text Pro onlyTooltip Pro onlyHas Separator Pro onlyJavascript Command Pro onlyOpen Modal Window Pro only

Item Style Properties (properties that describe the appearance and behavior of the item, rather than its actual content.Style properties change when a new Theme is applied or when a new Style is assigned to the item):

Assigned Style Lite & ProContent Alignment Lite & ProText Font Lite & ProText Size Lite & ProText Decoration Lite & ProText Color Lite & ProPadding Lite & ProText Margin Lite & ProBorder Lite & ProRounded Corners Pro onlyBackground Color Lite & Pro Background Image 1 Pro onlyBackground Tile Image Pro onlyBackground Image 2 Pro onlySize Pro onlyForeground Image Pro onlyFloating Image Pro only"Has Submenu" Image Pro onlyCursor Pro only

For help on a specific property click on its related link. See alsoProperties OverviewThe Three Item states

AllWebMenus Help Item Properties


Style Properties

Style Properties are used to specify the element's look and behavior, rather than its actual content. Style properties changewhen a new Theme is applied or when a new Style is assigned to the element (group or item).

An item or group will use all style properties contained in its Assigned Style (except from any customized style propertiesthat the item or group may have). In addition, you may use the Paste Values feature to copy and paste all or some of the Style Properties to similar elements(groups or items). The following list shows all Style properties: Group Style Properties Version

Assigned Style Lite & ProType Lite & ProHas Header Lite & ProHas Footer Pro onlyAppears - Where (submenus only) Lite & ProAppears - Aligned with (submenus only) Pro onlyAppears - How Pro onlyDisappears - How Pro onlyOpacity Pro onlyBackground Color Lite & ProBackground Tile Image Pro onlyPadding Pro onlyBorder Lite & ProRounded Corners Pro onlyDistance Between Items Lite & ProWidth Pro only

Item Style Properties Version

Assigned Style Lite & ProContent Alignment Lite & ProText Font Lite & ProText Size Lite & Pro

AllWebMenus Help Style Properties


Text Decoration Lite & ProText Color Lite & ProPadding Lite & ProText Margin Lite & ProBorder Lite & ProRounded Corners Pro onlyBackground Color Lite & Pro Background Image 1 Pro onlyBackground Tile Image Pro onlyBackground Image 2 Pro onlySize Pro onlyForeground Image Pro onlyFloating Image Pro only"Has Submenu" Image Pro onlyCursor Pro only

For help on a specific property click on its related link. See alsoContent PropertiesPaste Values

AllWebMenus Help Style Properties


Content Properties

Content Properties are used to specify the element's content, such as its text, link, tooltip etc. Content properties aredifferent from the Style properties in that they do not change when a new Theme is applied or when a new Style is assignedto the element (group or item).

The following list shows all Content properties: Group Content Properties Version

Header Text Lite & ProHeader Image Pro onlyPositioning (Main Menu only) Lite & ProMovable (Main Menu only) Pro onlyMenu Floats on Scroll (Main Menu only) Pro onlySticky Submenus Pro onlyShow Item or Group on Appear Pro onlyAdvanced section properties:Header Tooltip Pro onlyFooter Text Pro onlyFooter Image Pro onlyFooter Tooltip Pro onlyZ-Index (Main Menu only) Lite & ProJavascript Command on Appear Pro onlyJavascript Command on Disappear Pro only

Item Content Properties Version

Text Lite & Pro Image Pro onlyLink Lite & ProLink Target Pro onlyStatus Bar Text Pro onlyTooltip Pro onlyHas Separator Pro onlyJavascript Command Pro onlyOpen Modal Window Pro only

AllWebMenus Help Content Properties


For help on a specific property click on its related link. See alsoStyle PropertiesPaste Values

AllWebMenus Help Content Properties


Property: Header Text

Specifies the text shown on the Group's Header if the <Has Header> property is set to "Yes, Show Header".It can also be combined with the Header Image property. This is an example of a Header on a menu:

The <Header Text> uses the "HTML - Formatting Mode" only. For more info on this mode please read the related sectionat the Item Text property. The <Header Text> has two uses:· Identifies the group in the Menu Structure Pane at the left side.· Appears on the Header when the <Has Header> style property is set to "Yes, Show Header". (version PRO only - Header

is not supported in LITE version) If you do not want to display a Header, you can do so by setting the <Has Header> style property to "No, Do not showHeader". Although blank names are not rejected, it is useful to name all elements so that they can be easily identified in the MenuStructure Pane. Values: Text (HTML tags are also accepted) Unicode text fully supported (all languages and symbols) Example1: Site MenuExample2: <b>More</b> InfoExample3: More <br> Info (very useful to break a long item name into more lines) Applies to: Group Type: Content Property See alsoHas HeaderHeader ImageHeader TooltipFooter TextCustom Variables

AllWebMenus Help Property: Header Text


Property: Header Image (version Pro only)

Displays an image on the Header of a Group. <Header Image> appears on the Header only when the <Has Header> style property is set to "Yes, Show Header". If you do not want to display a Header, you can do so by setting the <Has Header> style property to "No, Do not showHeader". <Header Image> can also be combined with the <Header Text>. To specify its placement related to the <Header Text> youcan use the "Image Placement" option. Use "Image only" if you do not want the <Header Text> to appear next to the image. Note: Do not use filenames that contain spaces (always use "my_image.gif" or "myimage.gif" instead of "my

image.gif") or special characters, like quotes ("), apostrophes ('), etc. In most cases these characters willproduce an error.

Values: An image file of the .gif, .jpg or .png type Applies to: Group Type: Content Property See alsoHas HeaderHeader TextHeader TooltipFooter Image

AllWebMenus Help Property: Header Image


Property: Positioning

To specify the positioning of your menu, edit the <Positioning> property located at the Main Menu group.

There are two methods to position your menu on your pages:

Method 1: Automatically show Main Menu on page load This method is the default and most frequently used method for positioning your menu (i.e. the Main Menu group). You can either position your menu relative to the browser's window or relative to any page element (div, span, table, etc.)or relative to an image existent on page. Option 1: Attaching the menu to the browser's window

This is the easiest positioning method as no extra code is required on your pages (apart from the required menu-linkingcode). It is an efficient solution when you want to position your menu relative to the Top-Left corner of your browser (mosttypical case on left-aligned websites), as this particular corner is not affected by window resizes or scrolls and therefore themenu stays fixed at the specified offsets. All you have to do is specify the Offsets X and Y and the menu will appear at thatdistance from your selected Window corner. Option 2: Attaching the menu to an element of your pages (span, div, td, table, etc.)

This method requires that you add extra code on page but gives much more flexibility and covers all positioning needs, asshown on the example below:

(visit http://www.likno.com/examples/example_positioning.html to see the example) Attaching the menu to a page element is easy to do: 1. First make sure that the "Relative to Element" option is selected at the AllWebMenus <Positioning> property before themenu compilation.

AllWebMenus Help Property: Positioning


2. Edit your HTML page 3. Choose the element where you want your menu to appear 4. Add the following parameter on the element's tag:

id="awmAnchor-menu"

where menu should be the actual name of your compiled menu (without the .js extension). For example, if your compiledmenu is called "mymenu.js" the following code should be used in your element instead:

id="awmAnchor-mymenu"

This is all you have do. When a user browses your page, the AllWebMenus script detects the element with the id parameterand shows the menu at the element's location. If the script does not detect the id, the menu will not appear. You may also choose to use your own ID, through the Custom ID option. For example, you may be using a ContentManagement System that already applies its own "id" tag to every page element, thus not allowing you to add theAllWebMenus Default ID to your selected element. In that case, you simply copy this "id" of your selected element and pasteit as Custom ID in AllWebMenus. Note: IE8, Chrome and Safari vertically align the content of a table’s cell in its center, whereas all the other browsers align iton the top and that’s the reason you may observe a difference in the placement of the menu in your page. To overcome thisissue, you just have to add the attribute valign="top" in the element you have positioned the menu and you will get therequired functionality. For example if you want to place your menu in a <td> element, instead of the following... <td id=”awmAnchor”> </td> ...you have to use the following: <td id=”awmAnchor” valign="top"> </td> Examples: A menu (compiled as "menu.js") is attached to a table using the following code: <table id="awmAnchor-menu" valign="top" width="150" height="150" border="1">



The same technique applies if the chosen element is different, such as: SPAN (the most generic element):

<span id='awmAnchor-menu'> </span> TD: <td id="awmAnchor-menu" valign="top"> </td> Link:

<a id="awmAnchor-menu" href="#">Menu attached to this link.</a> Image (you can also ad the id to an image but it is recommended to use the 3d option instead):

<img src="products1.gif" id="awmAnchor-menu"> DIV:

<div id="awmAnchor-menu"> </div>

Special note for positioning implemented with AllWebMenus v4.0 and below(do not read if your existing menus are created and positioned with version 4.1 and above) Prior to AllWebMenus v4.1 the following code was used for positioning: <style type="text/css">.awmAnchor {position:relative;z-index:0;left:Xpx;top:Ypx}</style><span id='awmAnchor-menu' class='awmAnchor'> </span> It is ok to continue using the above code on your pages as it already contains the required Anchor ID parameter forpositioning.In case you were using OFFSETS inside the code, please bear in mind that these OFFSETS are now passed intothe menu.js file instead of the above positioning code. Therefore, in order for your OFFSETS not to be *double-counted*, please make sure that you remove the following code from your html pages: <style type="text/css">.awmAnchor {position:relative;z-index:0; left:Xpx;top:Ypx }</style>

We strongly recommend that you view therelated "Live Example" of this property, as itshows most possible combinations on actualHTML pages.

Note: Main Menu is floating - reserve space on your layout:

Remember that a DHTML menu is always floating. It appears over the page contents, not inside them. It does not pushother elements away; it just covers them. Therefore, for the Main Menu not to cover other page elements you shouldarrange for sufficient room on your layout so that the Main Menu appears there. For example, for an horizontal menu ofabout 440 pixels wide and 44 pixels tall, you could use the following HTML code: <table> <tr><td id="awmAnchor-menu" width="440" height="44">



</td></tr> </table> You can view an on-line example about this at http://www.likno.com/examples/example_positioning.html.

Option 3: Attaching the menu to an image existent in your pages

This option is similar to the previous option ("relative to an element") but the "element" is an image that already exists inyour pages (example: logo.gif) and no extra code in your pages is required (i.e. no "Anchor ID" needs to be added). You only specify the filename of the image (which should always exist in your pages!) and your positioning is complete.

Method 2: Manually trigger Groups as popup menus (PRO version only) With this method you have the ability to make individual groups popup by adding extra code on elements of your page. It isa very flexible method that can be used for achieving any of the following: - Keep your entire menu hidden until an event occurs (eg: a menu popups when you put your mouse over an image or link).You can even replace the default right-click menu of your browser with your own menu!(see "How Do I, Replace the default right-click menu used by the browser" topic) - Let actual elements of your page (images, links, etc.) be the ones that trigger the submenus instead of Main Menu items.In this case, you have total control of the layout of your page as you do not need to keep room for a rectangle where theMain Menu appears. You can even create cyclical menus with this method! View online example In order to get the required code that specifies which group appears and how its appearance is triggered, you need to clickon the related link as shown below:

This action opens a window from where you can take the code to add to your pages. Each group is assigned a unique id upon its creation which is enclosed in curled brackets. As shown below, the id of theMain Menu Group is gr0.



This id will be used inside your page on two locations for two different reasons: 1. to attach the group to a chosen element2. to trigger the appearance of the group For attaching the group to a chosen element (eg: an image) a technique similar to Method 1 ("Automatically show MainMenu on page load") is applied: <img src="products1.gif" id="awmAnchor-menu-gr2"onmouseover="awmShowGroup('menu-gr2',0,3,0,0);">

The difference here is that apart from the compiled menu name (eg: "menu") we also use a group id (eg: "gr2") to specifythe particular group that is attached. Note that if you attach the "gr0" group then you attach the entire menu, as the menu isactually the Main Menu Group. The triggering of the group's appearance is achieved by using the id on the second code section: <img src="products1.gif" id="awmAnchor-menu-gr2"onmouseover="awmShowGroup('menu-gr2',0,3,0,0);">

In this example, we specify that the group with id gr2 of the menu with compiled name menu should popup when the userputs the mouse over the image. The Trigger Code is generated based on the parameters that we choose on the form:

We strongly recommend that you view therelated "Live Example" of this property, as itshows most possible combinations on actualHTML pages.

Implementation Notes:

- The "ID and Trigger Code generator" does not have any effect on your compiled menu or on your pages but it onlyserves the purpose of providing the correct syntax of the code. It is your responsibility to add the provided code correctlyon the page elements of your choice. - As with the "Automatically show Main Menu on page load" positioning, groups can be attached to any element you like,such as images, links, table cells, divs, spans, etc. - After a group appears, what makes it disappear again?"By default, a popup group disappears (hides) when the mouse moves in and then out from its area. To keep the groupopen even if the mouse moves away from its area you need to set the <Sticky Submenus> property to "yes". In this case,the group will close only when the user clicks somewhere on the page or triggers a different popup group of the samemenu.In case you want to hide an open group without entering into its area first, you can trigger the awmHideGroup(); functionthat hides all open groups from the page, as shown on the example below:



<img src="products1.gif" onmouseover="awmShowGroup('menu-gr2',0,3,0,0);"onmouseout="awmHideGroup();"> - Prior to version 4.1, both triggering and hiding of menus was achieved by using the deprecated <Popup> property andawmShowMenu(); / awmHideMenu(); functions. The awmShowMenu(); function has now been replaced by the broaderawmShowGroup(); function so do not use it in your menu implementations anymore. If you used the awmShowMenu();function in your existing implementations you may still keep using it as it still functions for backwards compatibilityreasons. - You can use the awmHideMenu(); function to hide all menus (groups) that are open on the page. The function can alsocontain the menu name as parameter awmHideMenu(menuname); in case you have multiple menus on page and youwant to hide the open groups of a particular menu only. An example of using this function to hide a menu when passingover an image is the following:<img src="products1.gif" onmouseover="awmHideMenu();"> - In the rare case that the AllWebMenus menu-linking code is not at the beginning of the page (as in FrontPageimplementations for example), you will need to declare the awmShowGroup(); function (and awmHideMenu(); if used)in the HEAD section of your HTML page (between the <head> and </head> tags) as shown below:

<script>function awmShowGroup(x,y,z,v,e){}

</script>

Information that relates to both Methods Depending on your HTML structure of your pages, some browsers may render the menu in a slightly different position thanothers (some pixels off). In the rare situation that this occurs, you can easily fix this by using the Browser-specific Offsetsfeature, which is located at the <Positioning> property:

For each browser (or family of browsers) there are two variables that adjust the menu positioning horizontally (X) orvertically (Y) for that particular browser:

The following example shows how to use these variables:

Let's assume that the Opera browser shows your menu 5 pixels lower compared to any other browser. In this case you need to enter the value [ -5 ] to the "Vert. Offset (Y)" of the "Opera" option.



In this case you need to enter the value [ -5 ] to the "Vert. Offset (Y)" of the "Opera" option. This variable will force the menu to appear 5 pixels higher in Opera only, thus fixing the problem.

Important notes! · Do not move the "AllWebMenus menu-linking code" from the beginning of page (i.e. from right after the <body>

tag). If you do so, you may have problems with certain browsers! Positioning is implemented using the positioning optionsfound at the <Positioning> property, not by moving the menu-linking section from the beginning of the page. See CorrectPlacement of menu-linking code for more info on why the position of the menu-linking code is irrelevant from the actualposition where the menu is specified to appear.

· Do not use extensions inside the id variable (such as ".js" or ".awm").

correct syntax: id='awmAnchor-mymenu'incorrect syntax: id='awmAnchor-mymenu.js'

· Many browsers are case-sensitive. Therefore be careful to use the correct capitalization for "menuname". For example if

your menu is called NavBar.js, then you should have 'awmAnchor-NavBar' inside the span element (not 'awmAnchor-navbar').

· If using the <SPAN> element, please note that the character is not required but recommended. You can replace

the with any other content you may like (such as other text or an image). While it is not required, we recommendthat you do not leave the <span></span> area empty, as this will cause positioning problems in OPERA, as well as inolder browsers when certain code combinations are used. Please bear in mind that the menu floats over the span areaand therefore it covers part or all of the content inserted there.

Applies to: Group (Main Menu only) Type: n/a

See alsoCorrect Placement of menu-linking codeHow Do I, Replace the default right-click menu used by the browser



Property: Movable (version Pro only)

Allows the viewer to relocate the menu to a different position on the web page by using the 'drag and drop' technique. When this feature is applied the user can drag the menu from its Header (if a Header exists). To enable the Header youneed to set the <Has Header> style property to "Yes, Show Header". If the <Cursor> subproperty of the <Has Header> property is set to "Auto", then the cursor will show as "move" whenpositioned on the Header.

Values: yes/no Applies to: Group (Main Menu only) Type: n/a

AllWebMenus Help Property: Movable


Property: Menu Floats on Scroll (version Pro only)

Controls the behavior of the menu when the viewer scrolls the page. The menu can follow the scrolling direction allowing the user to view it at all times. It stays on top of the contents and movesautomatically by the scrolling step. In that way, the menu retains its position on the screen regardless of the shifting ofcontents caused by the scrolling. There are two options for the floating feature. 1. The "Constant Floating" option, which makes the menu "float" all the way through the page towards the scrollingdirection. 2. The "Advanced Floating" option, which allows for more customization (such as floating behavior within specific sectionsof the page) and for different and interesting navigation cases within the page. This feature requires an extra Add-in. To seethe capabilities of this additional option please view some of the available online Use Cases of the "Advanced FloatingMenu Add-in". Note: Due to technical reasons, this feature is not available on "Sliding Menu" implementations (i.e. sliding menus

cannot float on scroll). Applies to: Group (Main Menu only) Type: n/a

AllWebMenus Help Property: Menu Floats on Scroll


Property: Sticky Submenus (version Pro only)

Specifies whether the submenus close when the mouse moves away from the menu area or remain open until the userclicks somewhere else on the page. The default behavior for the submenus is to close when the mouse moves away from the menu area. If you change thisproperty to "sticky", the submenus will only close if the user clicks somewhere on page instead. Sticky submenus behave exactly like the submenus in the Windows "Start" menu. They close if the user clicks somewhereoutside the menu area (on the page) OR hovers over another item within the same group. Options [1] and [2] below show some new interesting variations of "sticky" submenus.

By unchecking the default check on option [1] you can have the last opened submenu always visible, regardless of whatthe user does on the rest of the page. By also unchecking the default check on option [2] you can simulate a TAB-like behavior for the menu, as at least onesubmenu will always remain open no matter what happens on page or menu (see "XP Tabs" online example).

Values: Non-sticky/Sticky Applies to: Group Type: n/a

AllWebMenus Help Property: Sticky Submenus


Property: Show Item or Group on Appear (used to be "Auto Item Highlight") (version Proonly)

When the menu initially appears on the page, you can have an item shown as "selected" (highlighted) or a group appearopen. See an online example:http://www.likno.com/examples.html?example=show_item_group_on_appear This property is found in the "Main Menu Group" properties:

There are 3 options to achieve this: Option 1 (automatically, item selected based on URL)

(applies for item highlighting only) Check this option and the menu will display as selected (highlighted) the first item whose <Link> property matches the URLof the loaded page. Note: If more than one menu item links to the same page (URL) then only the 1st matching item will be highlighted. For more info on how this feature works click here. Option 2 (manually, standard item/group in all pages using the menu)

(applies for both item and group highlighting) Check this option and the menu will display as selected (highlighted) the specific item or group that you choose from theinterface. The item or group is specified by its unique ID, which is found here:

In this example, if you want to show "Main Item 2" as selected you need to use its ID "it1", as demonstrated below:

AllWebMenus Help Property: Show Item or Group on Appear


If the specified item is within a submenu group then you can choose whether its submenu will also appear selected/open ornot, through this property:

You may also use a group ID (instead of an item ID) if you just want to show your menu with a submenu already open (butwithout any of its items being selected). Option 3 (manually, custom item/group per page through a page variable)

(applies for both item and group highlighting) This allows you to control which item shows as selected (or which group appears open) dynamically through the HTML ofyour web page. You do not have to check any option in the interface, just add the following code in a single line before the menu-linkingcode of your web page (the menu constructor):

<script type="text/javascript">varawmShowItem=["menuname,ID,Over_Click,Show_Submenu"];</script>

where: menuname is the name of the compiled file without the ".js" extension

( example: if you compile as "menu.js" then use menu as the value for that parameter ) ID is the ID of the item (or group) that will appear as initially selected, and can be found here:

( example: it4 OR gr2 ) Over_Click is a number that applies for item IDs only (not group IDs) and specifies whether the "Mouse Over" or "Mouse

Click" state is used to show the item as selected. Note that this parameter is optional and the default value is 1.It takes the value "1" or "2" (without quotes):

1 for "Mouse Over"2 for "Mouse Click"



Show_Submenu is a number that applies for item IDs only (not group IDs) and specifies whether the submenu of thehighlighted item (if it has one) should also expand. Note that this parameter is optional and the default value is 1.It takes the value "0" or "1" (without quotes):

0 to leave the submenu closed1 to also expand the submenu

Examples for an item: <script type="text/javascript">var awmShowItem=["menu,it1,2"];</script>

This means: The item with ID "it1" from the menu compiled as "menu.js" will show as selected using its "MouseClick" state. If the item has a submenu, this will be expanded.

<script type="text/javascript">var awmShowItem=["menu,it2"];</script>

This means: The item with ID "it2" from the menu compiled as "menu.js" will show as selected using its "MouseOver" state. If the item has a submenu, this will be expanded.

<script type="text/javascript">var awmShowItem=["menu,it1,2,0"];</script>

This means: The item with ID "it1" from the menu compiled as "menu.js" will show as selected using its "MouseClick" state. The submenu of this item will not be expanded.

Example for a group: <script type="text/javascript">var awmShowItem=["menu,gr1"];</script>

This means: The group with ID "gr1" from the menu compiled as "menu.js" will show open when the menu loads.

Example for selected items/groups on multiple menus!:

This feature even supports multiple menus on the same page, as follows:

<script type="text/javascript">var awmShowItem=["menu1,it4,1", "menu2,gr3","menu3,it8,2,0"];</script>

This means: - The item with ID "it4" from the menu compiled as "menu1.js" will show as selected using its "Mouse Over" state, itssubmenu will also be expanded (if there is one).- The group with ID "gr3" from the menu compiled as "menu2.js" will show open when the menu loads.- The item with ID "it8" from the menu compiled as "menu3.js" will show as selected using its "Mouse Click" state,without expanding the submenu.

About the awmShowItem variable when the menu is populated using a "UL/LI structure".

In order to find the correct ID to use as a parameter, you should count the loading order of the ULs and LIs. So you shouldcount how many LI tags are found in the UL/LI structure until the desired item is found.

For example this is a usual UL/LI code: <ul id="awmULLI-menu" style="display:none;"> <li>Main Item 1</li> <li>Main Item 2 <ul>



<ul> <li>Sub Item 1</li> <li>Sub Item 2 <ul> <li>Sub Item 4</li> <li>Sub Item 5</li> <li>Sub Item 6</li> </ul> </li> <li>Sub Item 3</li> </ul> </li> <li>Main Item 3</li></ul>

According to the awmShowItem technique, if you want to make the “Sub Item 6” highlighted, you should use it7 since itsLI tag is the 7th LI in the structure.

Notes: - The "Show Item or Group on Appear" feature is not available on cross-frame menu implementations (menus

in framed pages).

- The previous awmSelectedItem variable is now deprecated by the stronger awmShowItem variable andnot supported (but is still functional if it remains in your implementations). Read how it used to work (if you stilluse it please replace it).

- The [Mouse Over] state will be displayed instead of the [Mouse Click] state if you have the "Ignore [MouseClick] values" box checked inside the Tools -> Project Properties -> Optimization tab. - If the "Menu Floats on Scroll" property is set to "Floating" AND the "selected" item is within a submenu, thenthe submenu will not appear open.

Applies to: Group (Main Menu only) Type: n/a Keywords: 'keeping submenus open', 'always visible'



Property: Header Tooltip (version Pro only)

Tooltip text that appears above the Header when the user pauses the mouse pointer over the Header. If you do not want to display a Header, you can do so by setting the <Has Header> style property to "No, Do not showHeader". Values: Text Unicode text fully supported (all languages and symbols) Applies to: Group Type: Content Property See alsoHas HeaderHeader TextHeader ImageFooter TooltipCustom Variables

AllWebMenus Help Property: Header Tooltip


Property: Footer Text (version Pro only)

Specifies the text shown on the Group's Footer if the <Has Footer> property is set to "Yes, Show Footer".It can also be combined with the Footer Image property. This is an example of a Footer on a menu:

The <Footer Text> uses the "HTML - Formatting Mode" only. For more info on this mode please read the related sectionat the Item Text property. The <Footer Text> appears only when the <Has Footer> style property is set to "Yes, Show Footer". (Lite only: Footer is notsupported in LITE version) If you do not want to display a Footer, you can do so by setting the <Has Footer> style property to "No, Do not showFooter". Values: Text (HTML tags are also accepted) Unicode text fully supported (all languages and symbols) Example1: Site MenuExample2: <b>More</b> InfoExample3: More <br> Info (very useful to break a long item name into more lines) Applies to: Group Type: Content Property See alsoHas FooterFooter ImageFooter TooltipHeader TextCustom Variables

AllWebMenus Help Property: Footer Text


Property: Footer Image (version Pro only)

Displays an image on the Footer of a Group. <Footer Image> appears on the Footer only when the <Has Footer> style property is set to "Yes, Show Footer". If you do not want to display a Footer, you can do so by setting the <Has Footer> style property to "No, Do not showFooter". <Footer Image> can also be combined with the <Footer Text>. To specify its placement related to the <Footer Text> youcan use the "Image Placement" method. Use "Image only" if you do not want the <Footer Text> to appear next to the image. Note: Do not use filenames that contain spaces (always use "my_image.gif" or "myimage.gif" instead of "my


Values: An image file of the .gif, .jpg or .png type Applies to: Group Type: Content Property See alsoHas FooterFooter TextFooter TooltipHeader Image

AllWebMenus Help Property: Footer Image


Property: Footer Tooltip (version Pro only)

Tooltip text that appears above the Footer when the user pauses the mouse pointer over the Footer. If you do not want to display a Footer, you can do so by setting the <Has Footer> style property to "No, Do not showFooter". Values: Text Applies to: Group Type: Content Property See alsoHas FooterFooter TextFooter ImageHeader TooltipCustom Variables

AllWebMenus Help Property: Footer Tooltip


Property: Z-Index

In general, the z-index property specifies the stack order of a page element (if it shows 'in front' or 'behind' other pageelements). An element with greater stack order (z-index value) is always in front of an element with a lower z-index value. In our case, the "page element" is the menu and its submenus. By default, the menu is assigned a large z-index value(1000) so that no other page element shows in front of it or its submenus. However, in case your submenus show behind one of your page elements, the following may happen:

- this element is assigned a z-index value which is greater than the menu's value. Just lower this element's z-indexvalue. - this element is a Flash object (youtube video, etc.) or a Java applet. A higher z-index value will not work for theseelements. Special treatment is required instead. Read instructions on how to make your submenus appear 'in front' ofsuch elements.

Values: from -1000 to 1000 (0 implies no z-index assigned) Applies to: Group (Main Menu only) Type: n/a

AllWebMenus Help Property: Z-Index


Property: PopUp (version Pro only) (deprecated property)

This property is deprecated and replaced by the "Manually trigger Groups as popup menus" option of the <Positioning>property.(You will not see this property in version 5 and above. We retain this help item for reference by users of older versions) If you are using the old awmShowMenu(); function in your existing projects you do not need to worry, as the newpositioning features are backwards compatible with these functions. To view how the new positioning features are used for popup implementations, click on the online examples below: http://www.likno.com/examples/demo_popup.html http://www.likno.com/examples/example_popup_rightclick.html http://www.likno.com/examples/example_showhidemenu.html Values: yes/no Applies to: Group (Main Menu only) - Deprecated by the <Positioning> property Type: Content Property See alsoHow Do I, Replace the default right-click menu used by the browser

AllWebMenus Help Property: PopUp


Property: Javascript Command on Appear (version Pro only)

A javascript code to be executed upon appearance of the Group (Main Menu or submenu). You can use more than one javascript commands, provided that you separate them with a semicolon (;). Note! You may use only quotes (") or only apostrophes (') inside the text of the property but not both! Using both

quotes and apostrophes will cause a javascript error. Note 2: Javascript Commands are deactivated when previewing your menu inside the Preview Menu window so that

they do not produce any javascript errors. Javascript Commands *do* work on your web pages when yourmenu is compiled.

Values: Text (any javascript command) Example: alert("Hello"); Applies to: Group Type: Content Property

AllWebMenus Help Property: Javascript Command on Appear


Property: Javascript Command on Disappear (version Pro only)

A javascript code to be executed upon disappearance of the Group (Main Menu or submenu). You can use more than one javascript commands, provided that you separate them with a semicolon (;). Note! You may use only quotes (") or only apostrophes (') inside the text of the property but not both! Using both



Values: Text (any javascript command) Example: alert("Hello"); Applies to: Group Type: Content Property

AllWebMenus Help Property: Javascript Command on Disappear


Property: Assigned Style

This is the style that a Group or an Item is assigned from the Style Editor. The use of styles can help you make global changes to multiple items at once. For example, you can make similar changes to all your items of your Main Menu Group by simply editing the correspondingstyle in the Style Editor. Detailed info on the Assigned Style and all Available Styles Values: A style from the six standard styles of the Style Editor Applies to: Group and Item Type: Style Property

AllWebMenus Help Property: Assigned Style


Property: Type

Defines whether the Group is Drop-Down or Sliding, vertical or horizontal, with how many columns/rows and more options. Option 1: Drop-Down, Horizontal

Horizontal groups may also behave as "Menubars" (i.e. fitting the entire window width) through the available option(see below).

More Options: · "Do you want your group to use multiple rows?"

By selecting "Yes, use X rows", your group will use X rows to display the items. Example with 2 rows:

· "Should the menu function as a Menubar?" By clicking "Yes, Widen group to fit entire window width", the group acts like a typical Windows-application menu:horizontal, covering all the width of the window even when the user resizes it. For example, a non-menubar menu...

...shows like that when its "menubar" option is checked:

You can also add Margin to any of the sides of the menu (Right, Left, or both) counted in pixels or in percentage ofthe page:

AllWebMenus Help Property: Type


This is a convenient way to center your menu in a centered web site.

· "Do you want the items to widen to fit their group's width?" (enabled when the "Menubar" functionality above is selected)

By selecting "Yes, widen items so that they fit the entire group", the items of the menu widen in order to cover thewhole size of the menubar.

By selecting "Do not widen items", the items keep their default size. The background color of the menu group coversthe rest of the menubar.

You can also choose the alignment of the menu (left, centered, right) inside the menubar.

· "Should menu affect its positioning element height?"

(menu-wide option, actually related to the Main Menu group only) "Positioning element" is the page element or image specified at the <Positioning> property, related to which themenu is positioned on page. By selecting "No", the Main Menu will not occupy space inside its positioning element and therefore it will not affectthe element's height. The Main Menu will just float above it, without pushing (or pulling) the element. By selecting "Yes", the Main Menu occupies actual space inside its positioning element, thus forcing the element to



get the same height as the Main Menu.

Notes for the "Yes" setting: (A) It has no effect when the Main Menu is positioned "Relative to Window" (it behaves as "No"). (B) It affects only the height of the page element, NOT its width. (C) It has no effect if the positioning element is a SPAN (it behaves as "No"). Use a DIV (or a TD, an IMG, etc.)instead.

Option 2: Drop-Down, Vertical

More Options: · "Do you want your group to use multiple columns?"

By selecting "Yes, use X columns", your group will use X columns to display the items. Example with 2 columns:

· "Allow Vertical Scrollbar?"

By selecting "No Scrollbar" the group will widen to fit all items. By selecting "Auto: when group height exceeds browser window height", a scrollbar will be added in the menu whenits size exceeds the browser window height in order for the viewer to be able to view all the items.Note that the "Auto" option applies to Submenu groups only (it will not apply to the Main Menu Group). By selecting "Fixed", a scrollbar will be added when the group size exceeds the pixels you have set in the relatedbox.

By selecting to use the scrollbar feature ("Auto" or "Fixed"), additional options are enabled for customization of thescrolling process:



Option 3: Sliding (vertical only)

(for full info on its settings read the Customize a menu with "sliding" submenu groups topic)

A Sliding group pushes the items of its parent group downwards when opening. In the same manner, it pulls these itemsupwards when it closes. This type of menu requires an AllWebMenus license that has the "Sliding Menu Add-in" purchased and activated. For all information on the settings of this option read the Customize a menu with "sliding" submenu groups topic.

The Uniform Items option

This option allows you to choose whether the size of all items match the size of the biggest item within the samegroup. The calculation of the largest size includes the size of the Header or Footer too (if they exist). Example for horizontal menu: 1st menu: The <Uniform Items> property is set to "no"

2nd menu: The <Uniform Items> property is set to "yes" (all items have the same, largest width)

Example for vertical menu: 1st menu: The <Uniform Items> property is set to "no"

2nd menu: The <Uniform Items> property is set to "yes" (all items have the same, largest height)



Values: Drop-Down, Horizontal (with options)

Drop-Down, Vertical (with options)Sliding (with options)

Applies to: Group Type: Content Property See also:"Drop-Down vs Sliding" option



Property: Has Header

Specifies whether a group will show a Header or not. If you select "Yes, Show Header" then a Header will show up at the top of the group. This is an example of a Header on a menu:

The content of the Header is defined by the following content properties:<Header Text><Header Image><Header Tooltip> The style of the Header is defined by the style properties that are enabled when you select the "Yes, Show Header" value. If you do not want to display a Header on the group, you can do so by setting the <Has Header> property to "No, Do notshow Header" or by leaving the <Header Text> and <Header Image> properties blank. Values: Yes/No Applies to: Group Type: Style Property Lite only: Lite version does not support Header. See alsoHeader TextHeader ImageHeader TooltipFooter Text

AllWebMenus Help Property: Has Header


Property: Has Footer (version Pro only)

Specifies whether a group will show a Footer or not. If you select "Yes, Show Footer" then a Footer will show up at the bottom of the group. This is an example of a Footer on a menu:

The content of the Footer is defined by the following content properties:<Footer Text><Footer Image><Footer Tooltip> The style of the Footer is defined by the style properties that are enabled when you select the "Yes, Show Footer" value. If you do not want to display a Footer on the group, you can do so by setting the <Has Footer> property to "No, Do not showFooter" or by leaving the <Footer Text> and <Footer Image> properties blank. Values: Yes/No Applies to: Group Type: Style Property See alsoFooter TextFooter ImageFooter TooltipHeader Text

AllWebMenus Help Property: Has Footer


Property: Appears - Where

Specifies where the group appears relative to its parent group. "Auto" is the most common value in this property, as it automatically decides where the group appears based on theavailable space at each side of its parent group. This is how the "Auto" feature works:· If parent group is vertical, the group appears at its right side unless it finds no available space and therefore appears at

the left side.· If parent group is horizontal, the group appears below the parent unless it finds no available space and therefore appears

above the parent. However, you may want to force the group to always open on a specific side of the parent group. This can be achieved withthe following values: "Right/Bottom edge of parent group"

Depending on the type of the parent group, the group appears always to the right of a vertical parent group or below ahorizontal parent group.

"Left/Upper edge of parent group"

Depending on the type of the parent group, the group appears always to the left of a vertical parent group or above ahorizontal parent group.

The last parameter specifies the distance of the group relative to its parent group's edge. For example:

or Values: Auto Right/Bottom edge of parent group Left/Upper edge of parent group Applies to: Group Type: Style Property

AllWebMenus Help Property: Appears - Where


Property: Appears - Aligned with (version Pro only)

Specifies how the group aligns with its parent item (or group). "Parent item" is the default value in this property as it automatically aligns the submenu group with its parent item, astandard behavior in menus. However, you are able to use several interesting options with how submenus align and create certain effects: "Top/Left Edge of parent"

Depending on the type of the parent group, the submenu group aligns with the top edge of a vertical parent item/groupOR with the left edge of a horizontal parent item/group.

"Bottom/Right Edge of parent"

Depending on the type of the parent group, the submenu group aligns with the bottom edge of a vertical parentitem/group OR with the right edge of a horizontal parent item/group.

"Centered to parent"

The center of the submenu group is aligned with the center of the parent item/group. The option "Alignment Offset" lets you make minor adjustments to the selected alignment. The option "Shifts automatically when group area crosses page boundaries" determines what happens when thesubmenu area needs more space than provided by the page. When "checked" (shifts):

When "unchecked" (does not shift):

Values: Parent Item Parent Group Top/Left Edge of parent

Bottom/Right Edge of parentCentered to parent

Applies to: Group Type: Style Property

AllWebMenus Help Property: Appears - Aligned with


Property: Appears - How (version Pro only)

Specifies how the group appears.

- Arrow [1] shows that the "Group appears on what mouse action" functionality.

A group can show up in two ways: when the mouse is over its parent item or by clicking on its parent item.

Mouse is over the item:

Clicking on the item:

- Arrow [2] shows the "Appearance Delay" feature. You can specify how many milliseconds should the mouse remainover the parent item in order for the group to appear. - Arrow [3] shows the "Special Effects" feature.

A group can appear using a "special effect". Unfolding 1, 2 and 3 effects are slightly different versions of the unfolding effect. Moreover, there are additional effects for the appearance of the submenu in IE5.5+ browsers. These IE5.5+ only valuesmake the submenu open using the "Unfolding 2" effect in the non-IE5.5+ browsers.

Values: (composite property) Applies to: Group Type: Style Property

AllWebMenus Help Property: Appears - How


Property: Disappears - How (version Pro only)

Specifies how the group disappears.

- Arrow [1] shows that you can specify if all submenus are "sticky" or "non-sticky" within a group property, teamed with other"disappearance-related" values. The Main Menu <Sticky Submenus> property is still used for backwards compatibility andhas exactly the same effect. Note that this particular option applies globally to all submenus of the project, not only to theselected submenu. - Arrows [2] and [3] show some new interesting variations of "sticky" submenus.

By unchecking the default check on arrow [2] you can have the last opened submenu always visible, regardless of whatthe user does on the rest of the page. By also unchecking the default check on arrow [3] you can simulate a TAB-like behavior for the menu, as at least onesubmenu will always remain open no matter what happens on page or menu (see "XP Tabs" online example).

- Arrow [4] shows the "Disappearance Delay" feature. You can specify how many milliseconds should the mouse moveaway from the group in order for the group to disappear. This option gives extra time to the group to remain open if themouse accidentally slips out of the group and gets back again within the time limit specified. - Arrow [5] shows the "Special Effects" feature. You can specify an effect for the disappearance of the group. Combinedwith the "Appearance Method" of the <Appears - How> property, you can have interesting effects when navigating fromsubmenu to submenu. A group can disappear using a "special effect". Unfolding 1, 2 and 3 effects are slightly differentversions of the unfolding effect. Moreover, there are additional effects for the disappearance of the submenu in IE5.5+browsers. These IE5.5+ only values make the submenu disappear using the "Unfolding 2" effect in the non-IE5.5+browsers. Values: (composite property) Applies to: Group Type: Style Property

AllWebMenus Help Property: Disappears - How


Property: Opacity (version Pro only)

Makes the group appear semi-transparent. A value of 100 keeps the group fully opaque (default).A value of zero makes the group fully transparent. <Group Opacity> combined with the <Item Floating Image> property (if used) note:If part of the floating image shows outside the item’s Group, make sure that the Group <Opacity> is 100% otherwiseInternet Explorer does not display this part of the image. This is not important if you do not use any floating images in yourproject Values: From 0 to 100 Applies to: Group Type: Style Property

AllWebMenus Help Property: Opacity


Property: Group Background Color

Fills the background of the group with a color. If "none" is selected and no background image is selected (i.e. <Background Tile Image> is set to "No Image"), thebackground looks transparent. See more on background layers. If a <Background Tile Image> is selected, the entire background gets covered by the tiled image instead. You can actually see the selected color along with its respective hexadecimal code. You can either enter the hexadecimalcode directly or pick a color from the color dialog box which appears when clicking on the color box. Values: #000000 (Black) - #FFFFFF (White) Applies to: Group Type: Style Property See alsoThe different background layers

AllWebMenus Help Property: Group Background Color


Property: Group Background Tile Image (version Pro only)

Displays an image on the background of the group. This image is always tiled on the background. If "No Image" is selected, the entire background get's covered by the group's <Background Color> instead. See more onbackground layers. Note: Do not use filenames that contain spaces (always use "my_image.gif" or "myimage.gif" instead of "my


Values: An image file of the .gif, .jpg or .png type. Applies to: Group Type: Style Property See alsoThe different background layers

AllWebMenus Help Property: Group Background Tile Image


Property: Group Padding

A number of pixels added between the items and the group’s edges (borders). You can adjust the padding of each side all together or even separately!(see image below for different padding per side) Values: positive numbers in pixels Example: 5,10,5,30 (top, right, bottom, left)


AllWebMenus Help Property: Group Padding


Property: Group Border

Specifies the style of the group's border. This is the border that covers the whole group area, including the group's Header or Footer (if exist). It is not a border thatapplies to each item contained in the group. Instead, items have their own <Item Border> property which can co-exist withthe group border. Values: [none, solid, inset, outset], [color], [width] Applies to: Group Type: Style Property

AllWebMenus Help Property: Group Border


Property: Group Rounded Corners

Specifies if the corners will look rounded and to which degree (through the X and Y radius values).

You can adjust the roundness of each corner all together or even separately! (see submenus in above menu) Do not forget that in most cases you will also need to add padding to your group, either through the separate GroupPadding property or through the attached padding values that are a shortcut to that property.

Important! This capability is based on the border-radius property of the CSS3 specification, which is available inIE9+, Opera 10.50+, Firefox 3.5+, Safari (Webkit 522+), Chrome and others. All earlier browsers (such as IE8 orbelow) do not support CSS3. However, this is not a problem as the script degrades this feature gracefully on thosebrowsers by ignoring its settings and showing all corners as non-rounded.

Internet Explorer 9 also requires that your pages use a full DOCTYPE declaration, otherwise it cannot support the CSS3rounded corners. For example, the following pages will not show rounded corners in IE9...

...but the following pages will show rounded corners in IE9:

You can find more info on the border-radius capabilities here: http://www.css3.info/preview/rounded-border/ Values: Radius X: 0 / Radius Y: 0 Applies to: Group Type: Style Property See alsoGroup Padding

AllWebMenus Help Property: Group Rounded Corners


AllWebMenus Help Property: Group Rounded Corners


Property: Distance Between Items

Specifies the distance between the adjacent items of a group. Most conventional menus will have this set to zero. By entering a non-zero value you create gaps between the items. In that way, you can have a "ladder" effect as shownbelow:

In this example, the background of items is grey while the background of the group is transparent (not white). Values: A positive number in pixels Applies to: Group Type: Style Property

AllWebMenus Help Property: Distance Between Items


Property: Group Minimum Width (version Pro only)

This is the preferred width of the group, implying that the group should have a size of at least as many pixels wide as thosespecified. The actual group's width may be larger than the preferred width, as this will depend on the rendered size of the group'scontent (text or images). If the contents are too large they will "push" the group's width to a larger value than the preferredone, similar to what happens to the size of any <td> if its content is larger than its specified width. In a vertical menu, new lines (<br>) are entered to any items containing "multiple-words" content, when this content pushesthe group's width to be larger than the specified one. Values: A positive number in pixels, enter zero for not specifying an exact width Defaultvalue:

0 (zero) - Use zero if you want the width to be automatically determined when the menu is rendered.


AllWebMenus Help Property: Group Minimum Width


Property: Item Text

Specifies the text or HTML shown on the Item. It can also be combined with the <Image> property. Note: If you want to show an image instead of text on the item, you can do so by choosing the "Image only" value at the"Image Placement" option of the <Image> property. In that case and although blank text is not rejected, it is useful to nameall items so that they can be easily identified in the Menu Structure Pane on the left side. There are three modes you can use to show content on the item. 1. Text Only Mode The item shows the text exactly as you enter it (except for “custom variables” which are substituted by their values).HTML tags, multiple spaces, line feeds, etc. are shown as is. Important note for special extended characters:It appears that some special characters (eg: Chinese) cannot be inserted or displayed properly inside the text fields. In thiscase, please do the following:

1. Type the words you want to be shown in the <Text> property into a text editor (which supports the special extendedcharacters). 2. Paste them into the <Text> property. The words may look strange there but do not worry! 3. When compiling the menu and uploading it on the server, the special characters will be displayed correctly.

2. HTML - Formatting Mode The item treats the text as HTML, for appearance purposes only.(except for “custom variables” which are substituted by their values) HTML tags are rendered, multiple spaces and line feeds are ignored (use or <br> instead). Mouse handling on HTML tags is ignored and passed over to related AllWebMenus properties of the [Mouse Over] and[Mouse Click] states.

For example: <a href=”http://www.likno.com”>Back to <b><i>Home</i></b></a> is formatted as Back to Home but the link is not clickable (the <Link> AllWebMenus property is used instead).

Note: Relative paths in attributes (such as “href”, “src”, etc.) should be relative to the location of the actual pages where themenu appears. Relative paths will not render correctly on Preview Pane but will render correctly on actual pages. Still, thereis a way for the Preview Pane to also show them: you can add these assets into a "projectname-assets" folder, located inthe same folder where the project is located (eg: "menu-assets"). 3. HTML - Full Mode Online Example The item treats the text as HTML, both for appearance and functional purposes.(except for “custom variables” which are substituted by their values) Contrary to the “HTML - Formatting Mode”, this mode gives you full control through the HTML code (i.e. mouse handling isyours, all Content Properties except <Has Separator> are ignored). You can use this option to create anything, from a simple working link, up to forms, flash objects, search boxes, even full-scale web pages (recommended only for professionals – no support provided). View detailed online example athttp://www.likno.com/examples.html?example=htmlmenu Note that the “HTML - Full Mode” option can be applied only through the [Normal] state of the <Text> property.

AllWebMenus Help Property: Item Text


This option disables all Content Properties (except <Has Separator>), so that you have “full” control on your item’s contentthrough your own HTML code. This option also disables the <Foreground Image> and <”Has Submenu” Image> StyleProperties. You may also choose to ignore (disable) all Style Properties for the selected item if you want to use your own styleformatting through your own HTML code.For example, you may want to specify border or padding attributes through your own code and not through the interface.In most cases you do not need to use this, as your own HTML code formatting overrides the Style Properties valuesspecified through the interface. Note: Relative paths in attributes (such as “href”, “src”, etc.) should be relative to the location of the actual pages where themenu appears. Relative paths will not render correctly on Preview Pane but will render correctly on actual pages. Still, thereis a way for the Preview Pane to also show them: you can add these assets into a "projectname-assets" folder, located inthe same folder where the project is located (eg: "menu-assets"). Values: Text, HTML Unicode text fully supported (all languages and symbols) Example1: Company InfoExample2: <b>More</b> InfoExample3: More <br> Info (very useful to break a long item name into more lines, when "HTML - Formatting Mode" is

selected) Applies to: Item Type: Content Property See alsoItem ImageCustom Variables

AllWebMenus Help Property: Item Text


Property: Item Image (version Pro only)

Displays an image on the Item.

- You can use the Image Placement option to specify the relative positioning between the image and the item's text orchoose to display the image only.

- You can use the Image Margin option to specify margins on the image, allowing you to choose any white space you likeat its sides.

In case you want to have an <alt> attribute for tooltip text related to the image, there is the <Tooltip> property for thispurpose which refers to the entire item. Note: Do not use filenames that contain spaces (always use "my_image.gif" or "myimage.gif" instead of "my


Values: An image file of the .gif, .jpg or .png type Applies to: Item Type: Content Property See alsoItem TextItem Foreground Image

AllWebMenus Help Property: Item Image


Property: Item Link

Specifies the web page to be opened when clicking on the item. You can use both absolute and relative paths. Absolute paths

The application considers the Link as an absolute path only if the :// substring is found in the string, such as: http://https:// ftp://mms:// mailto: file:////servername/ (if you access a server)file:///driveletter|/ (if you access a drive)or file:///driveletter:/ (if the above drive syntax is not supported by your network you may need to try both and keepthe one that works) Valid examples of absolute paths:http://www.likno.comhttp://www.likno.com/faq.htmlftp://www.likno.com/downloads/AllWebMenus.exemailto:[email protected]:////server1/testarea/test.html (for intranet using a server)file:///C|/testarea/test.html (for intranet using a hard drive) orfile:///C:/testarea/test.html (if the above syntax is not supported by your network) Invalid examples of absolute paths:www.likno.comlikno.com(these strings will be parsed as relative paths and the correct URL will not open)

Relative paths

Both menu-relative and root-relative paths are allowed here. The former is related to the folder where the compiled menu is located while the latter is related to the folder where thesite root is located (and always starts with a slash "/"). While all types of paths successfully open their assigned pageswhen viewed on the server, the root-relative paths cannot resolve their assigned pages when viewed locally becauseWindows considers the C: drive as being the root. On the contrary, menu-relative paths do open their pages correctlywhen viewed locally. Therefore, as there are no important differences between the two, it is advisable to use menu-relative paths. The best way to choose your linked page from within your local web site structure is to press the related button shownbelow:

As an example, let's say that the local root folder of your site is the c:\mysite folder and that the contents of your website are:| ----------------------------------------------- || c:\mysite\index.html |

AllWebMenus Help Property: Item Link


| c:\mysite\company.html || ... || c:\mysite\products\product.html || ----------------------------------------------- |

Example 1:Let's say that you compile your menu as c:\mysite\mymenu.js For the item that opens the product page:- The menu-relative URL is: products/product.html- The root-relative URL is: /products/product.html For the item that opens the company page:- The menu-relative URL is: company.html- The root-relative URL is: /company.html Example 2:Let's say that you compile your menu as c:\mysite\menufolder\mymenu.js For the item that opens the product page:- The menu-relative URL is: ../products/product.html- The root-relative URL is: /products/product.html For the item that opens the company page:- The menu-relative URL is: ../company.html- The root-relative URL is: /company.html

AnchorsA menu item can also link to a paragraph within a page:Enter http://www.mysite.com/info.html#anchor in the <Link> item property and the menu can be used to navigateinside the www.mysite.com/info.html web page. You may also insert just an anchor (eg. #top) in the <Link> property, without a specific URL. This is useful when you havemany different pages using the same anchor and you want a menu item to serve the purpose of navigating to this anchorwithin the loaded page. As implied by its definition, the property is only enabled on the Mouse Click state. Notes: - Always use slashes instead of backslashes

(example: ../users/~user10/user10.html )- Don't forget that the URL is case-sensitive on unix servers!

Values: Text Example1: index.htmlExample2: index.html#anchorExample3: http://www.likno.comExample4: mailto:[email protected] Applies to: Item Type: Content Property See alsoCustom Variables

AllWebMenus Help Property: Item Link


Property: Item Link Target (version Pro only)

Specifies the frame or window where the page specified by the <Link> property opens. If you do not use frames then just leave this field blank OR choose _blank to open the <Link> into a new browser window.If you use frames, you can also find additional information on how to properly setup a cross-frame menu at the followingtopic:Commands -> Tools -> Project Properties -> Compile Properties: Cross-Frame Support Values:

Leave it blank (none) to open the <Link> page into the same frame or window where the menu is located (default fornon-framed pages). Choose _blank to open the <Link> page into a new browser window. Choose _top to open the <Link> page in the whole area of the current browser window (not to a specific frame). Choose the name of the frame or iframe where you want the <Link> page to open in (this is not the filename!). OR use the <Open Modal Window> property to show any type of content in a modal window that appears above theloaded page.(see online examples on how usable this can be for your websites )

Example with Frames: Let's assume that we have the following Frameset Definition inside the source code of the home page:

<frameset framespacing="0" border="0" cols="171,*" frameborder="0"> <frame name="left" target="main" src="left_page.htm" scrolling="auto"> <frame name="main" src="main_page.htm" target="_self"> <noframes> <body> <p>You need a browser that supports frames to see this site </p> </body> </noframes> </frameset>

Let's also assume that we have placed our menu at the left_page.htm page (opening at the frame named "left"). We wantthe menu items to open their pages specified by their <Link> property inside the frame named "main". As we can see from the <frameset> tag, the frame where the main_page.htm opens has been assigned the followingname: main This is exactly what you need to enter into the <Link Target> property of the menu items. Do not get confused and use thecontent of the src attribute (eg: main_page.htm); this will not work. You need to use the content of the name attribute (eg:"main"). The same logic applies for the iframe option. A wizard can also help you choose the correct value by pressing the related button shown below:

(you are not required to use the wizard, you can simply type the frame name in the text field if you already know the name)

AllWebMenus Help Property: Item Link Target


Note! If you use the frame or iframe option, the Menu Preview window will ignore it so that no javascript errors are

produced. The <Link Target> property does work when your menu is compiled and linked to your actualpages.

Values: Text Applies to: Item Type: Content Property See alsoThe <Link> propertyCommands -> Tools -> Project Properties -> Compile Properties: Cross-Frame Support

AllWebMenus Help Property: Item Link Target


Property: Item Status Bar Text (version Pro only)

Specifies the text appearing on the browser's status bar when the mouse passes over the Item. Use this property to display a small status bar text description for each item. You can use the %Link% parameter (default) to show the contents of the <Link> property on the status bar.This parameter can be used combined with the rest of the text. For example, if the <Link> property has the value"orderpage.html" then you can use the following value on <Status Bar Text>: http://www.mysite.com/%Link% This will result in the following status bar text when the mouse is over the item: http://www.mysite.com/orderpage.html As implied by its definition, the property is only enabled on the Mouse Over item state. Important Note: - Status bar text manipulation is not working for menus viewed in Internet Explorer under the default security settings(internet zone), while websites added in “local intranet” and “trusted sites” should work properly. This restriction wasintroduced in Internet Explorer 7 as part of the security work to reduce spoofing and ensure that content on the internetcannot directly influence the area of the browser outside the HTML rendering area. - The same restriction applies also to Firefox 2 and above. The user needs to have the following option enabled: "Tools ->Options -> Content -> Advanced -> Change status bar text" (this may be in a different location depending on the firefoxversion used). Values: Text

Unicode text fully supported (all languages and symbols) Applies to: Item Type: Content Property

See alsoCustom Variables

AllWebMenus Help Property: Item Status Bar Text


Property: Item Tooltip (version Pro only)

Text that appears above the item when the user pauses the mouse pointer over the item. Values: Text

Unicode text fully supported (all languages and symbols) Applies to: Item (on [Mouse Over] state only) Type: Content Property See alsoCustom Variables

AllWebMenus Help Property: Item Tooltip


Property: Item Has Separator (version Pro only)

Specifies whether a separator bar exists between the item and its following items. Note that the separator uses the background color of the group; not the background color of the item. For example, the menu below uses a red separator on its 1st item. While the items have a white background the group hasa black background. This is why the background of the separator is black.

Values: [width], [color], [shadow color] Applies to: Item Type: Content Property

AllWebMenus Help Property: Item Has Separator


Property: Item Javascript Command (version Pro only)

Specifies a Javascript Command to be executed when the item comes into a specific state. Normal state:It functions like a [Mouse Out] state. The Javascript Command will be executed when the mouse moves away from theitem's area. Mouse Over state:The Javascript Command will be executed when the mouse passes over the item's area. Mouse Click state:The Javascript Command will be executed when the mouse clicks on the item's area. This does not cancel the <Link>property. You can set both a <Link> to open and a Javascript command to be executed when clicking on the Item. You can use more than one javascript commands, provided that you separate them with a semicolon (;). Note! You may use only quotes (") or only apostrophes (') inside the text of the property but not both! Using both



Values: Text (any javascript command) Example: alert("Hello"); Applies to: Item Type: Content Property

AllWebMenus Help Property: Item Javascript Command


Property: Item Open Modal Window (version Pro only)

Specifies a "Modal Window" (popup window/dialog) to open when clicking on the item. The "Open Modal Window" property offers an easy integration between your menu and modal windows produced with theseparate Likno Web Modal Windows Builder product (in order to create/compile the modal window you need to have alicense of that software too). A modal window is used to display additional content on a new page layer (window) on top of the loaded content. Its maincharacteristic is that it forces the user to interact only with it, therefore preventing other page actions unless the user closesthe window. see examples How?

1.Open and use Likno Web Modal Windows Builder to create, compile and link a modal window project to yourpages. Copy the value shown here for the selected modal window:

2.Load your menu project in AllWebMenus (build #792 or above).

3.Choose the <Open Modal Window> property under the "Advanced" section of your preferred Item property. Pastethe copied value there:

4. This is all! Just make sure that the compiled modal project (the .js file of a .wmw project) is also linked to the web pagewhere your menu appears ("clicking" on the menu item will do nothing in pages where the modal project is notlinked). Combined capability!You can use both the <Link> and "Open Modal Windows" properties together!

AllWebMenus Help Property: Item Open Modal Window


This means that the modal window can show the page specified in the <Link> property (eg: product1.html), if this isnot empty. This is how it works: What is the value of the <Link> property?

Blank -> Result: The modal window shows its own "content-related" value (the one specified within its project). Page (product1.html) -> Result: The modal window shows the linked page instead (disregards its own "content-related" value).

Notes:

- The modal window cannot be shown within the AllWebMenus "Menu Preview" pane (as this requires external files),but it will be shown on your actual pages (provided that the modal window project exists there). - If you use more than one modal window in your page, make sure that you give different names to these windows,otherwise you will have a conflict.

Values: Text (specified by the Likno Web Modal Windows Builder project) Applies to: Item Type: Content Property

AllWebMenus Help Property: Item Open Modal Window


Property: Item Content Alignment

Specifies how the item's content aligns with the Item area as a whole. The content consists of both the item's text (<Item Text>) and the item's image (<Item Image>). This property should not be confused with the Image Placement option of the <Item Image> property which specifies therelative positioning between the item's image and its text. Values: Left, Center, Right Applies to: Item Type: Style Property Lite only: Images are not supported by the Lite version See alsoThe two kinds of Alignment

AllWebMenus Help Property: Item Content Alignment


Property: Item Text Font

Specifies the font of the item's text. The selection box displays five generic font families (Serif, Sans-Serif, Cursive, Fantasy, Monospace) along with all fontsinstalled on your system. For cross-platform compatibility, it is advisable to use the generic font families instead of any system-specific font. Forexample, if you use "Arial" and a specific platform does not have the Arial font, then the menu will use the browser's defaultfont. But if you use "Sans Serif" instead of "Arial", the browser will use the appropriate Sans Serif font (in most cases it willbe "Arial", but in platforms that do not have Arial it will be a similar font; not the default font) Values: Serif, Sans-Serif, Cursive, Fantasy, Monospace

and all fonts installed on your system Applies to: Item Type: Style Property

AllWebMenus Help Property: Item Text Font


Property: Item Text Size

Sets the font size of the item's text. Allows you to use either CSS sizing, browser-relative sizing or percentage sizing.You need to click the button to set values for this property. We strongly recommend that you use CSS sizing, as this is not affected by the user's preferences. Values: CSS or browser-relative values or percentage Applies to: Item Type: Style Property

AllWebMenus Help Property: Item Text Size


Property: Item Text Decoration

Specifies if the item's text is displayed bold, italic, underlined, overline, strikethrough or small-caps. Values: bold, italic, underlined, overline, strikethrough, small-caps Applies to: Item Type: Style Property

AllWebMenus Help Property: Item Text Decoration


Property: Item Text Color

Specifies the color of the item's text. You can actually see the selected color along with its respective hexadecimal code. You can either enter the hexadecimalcode directly or pick a color from the color dialog box which appears when clicking on the color box. Values: #000000 (Black) - #FFFFFF (White) Applies to: Item Type: Style Property

AllWebMenus Help Property: Item Text Color


Property: Item Padding

A number of pixels added between the item's content and its edges. Note that content includes both the item's text and image (if any). Values: positive numbers in pixels Example: 0,10,0,10 (top, right, bottom, left) Applies to: Item Type: Style Property

AllWebMenus Help Property: Item Padding


Property: Item Text Margin

A number of spaces (&nbsp) added just before and after the <Item Text> property. This property is useful when you want to add "padding" to your item's text at the horizontal axis only. Remember that the<Item Padding> property can also add pixel-based padding at both the horizontal and vertical axis. Values: a positive number of spaces (&nbsp) Example: 2,2 Applies to: Item Type: Style Property

AllWebMenus Help Property: Item Text Margin


Property: Item Border

Specifies the style of the item's border. This property refers to the item only and should not be confused with the <Group Border> which applies to the whole groupwhere the item belongs. Values: [none, solid, inset, outset], [color], [width] Applies to: Item Type: Style Property See alsoGroup Border

AllWebMenus Help Property: Item Border


Property: Item Rounded Corners

Specifies if the corners of the item will look rounded and to which degree (through the X and Y radius values).

You can adjust the roundness of each corner all together or even separately! (see submenu items in above menu) Do not forget that in most cases you will also need to add padding to your item, either through the separate Item Paddingproperty or through the attached padding values that are a shortcut to that property.

Important! This capability is based on the border-radius property of the CSS3 specification, which is available inIE9+, Opera 10.50+, Firefox 3.5+, Safari (Webkit 522+), Chrome and others. All earlier browsers (such as IE8 orbelow) do not support CSS3. However, this is not a problem as the script degrades this feature gracefully on thosebrowsers by ignoring its settings and showing all corners as non-rounded.

Internet Explorer 9 also requires that your pages use a full DOCTYPE declaration, otherwise it cannot support the CSS3rounded corners. For example, the following pages will not show rounded corners in IE9...

...but the following pages will show rounded corners in IE9:

You can find more info on the border-radius capabilities here: http://www.css3.info/preview/rounded-border/ Values: Radius X: 0 / Radius Y: 0 Applies to: Item Type: Style Property

AllWebMenus Help Property: Item Rounded Corners


See alsoItem Padding

AllWebMenus Help Property: Item Rounded Corners


Property: Item Background Color

Fills the item's background with a color. If "none" is selected and no background image is selected (i.e. <Item Background Tile Image> is set to "No Image"), thegroup's background layer is displayed. See more on background layers. If an <Item Background Tile Image> is selected, the entire background gets covered by the tiled image instead. You can actually see the selected color along with its respective hexadecimal code. You can either enter the hexadecimalcode directly or pick a color from the color dialog box which appears when clicking on the color box. Values: #000000 (Black) - #FFFFFF (White) Applies to: Item Type: Style Property See alsoThe different background layers

AllWebMenus Help Property: Item Background Color


Property: Item Background Image 1 (version Pro only)

Shows a fixed image on the Item's background; LEFT-aligned relative to <Background Tile Image> or <Background Image2>. This image does not tile but occupies space based on its dimensions. You can use the "Custom Size" option to changethe area that the <Background Image 1> occupies. As shown below, the <Item Background Image 1> appears at the top-left corner of the item's background layer:

Example of using the item's background images: Let's assume that we have the following images for our item:

<Background Image 1>: (20x 31)

<Background Image 2>: (20x 31)

<Background Tile Image>: (12x 31) This is how the item's background shows depending on the images used (disregard the red border):

Item uses only the <Background Image 1> (left-aligned):

Item uses only the <Background Image 2> (right-aligned):

Item uses both the <Background Image 1> and the <Background Image 2>:

Item uses only the <Background Tile Image> (tiles in the entire background):

Item uses all available background images:

Note that our example uses spaces as the item's <Text>. If we put actual text there, this is what we get:

As we can see, text appears at a different layer above the background layer. We can use the <Item Padding> property tomake adjustments to the content's placement:

AllWebMenus Help Property: Item Background Image 1


By adding padding to the content (text in this example), the item appears as follows:

Note: Do not use filenames that contain spaces (always use "my_image.gif" or "myimage.gif" instead of "my


Values: An image file of the .gif, .jpg or .png type Applies to: Item Type: Style Property See alsoThe different background layers<Item Background Image 2>



Property: Item Background Tile Image (version Pro only)

Displays an image on the item's background. This image always tiles on the background layer. Example of item using <Background Tile Image>:

<Background Tile Image>: (12x 31) This is how the item's background shows if it uses only the <Background Tile Image> (disregard the red border):

What is the "Tiling Option":

This option may be used when both the <Item Background Image 1> and <Item Background Image 2> exist on the item'sbackground. In very rare occasions you may need to change this option from the default value to the "Tiles between themonly" value. Let's see an example in what cases this change may need to be made. We are using the three following images on the item's background:

<Background Tile Image>:

<Background Image 1>:

<Background Image 2>: We want to get the following result:

If we use the default option, the <Background Tile Image> will tile on the entire background, even below the right and leftimage. The result will be as follows:

As you can see, there is a line at the end as a result of the tiling of the <Background Tile Image> even below the<Background Image 2> which has transparent bottom.To realize why this happens, view the button below which is one character bigger. You can see that the green line of theprevious button is part of the melting bar that tiles to the right.

To fix this problem, you just need to check the "Tiles between them only" value on the "Tiling Option" property. The resultedbutton will be as follows, which is what we were looking for:

See important example at the <Item Background Image 1> property that describes how the background images canbe used to deliver stylish effects.

AllWebMenus Help Property: Item Background Tile Image


be used to deliver stylish effects. Note: Do not use filenames that contain spaces (always use "my_image.gif" or "myimage.gif" instead of "my



AllWebMenus Help Property: Item Background Tile Image


Property: Item Background Image 2 (version Pro only)

Shows a fixed image on the Item's background; RIGHT-aligned relative to <Background Tile Image> or <BackgroundImage 1>. This image does not tile but occupies space based on its dimensions. You can use the "Custom Size" option to changethe area that the <Background Image 2> occupies. As shown below, the <Item Background Image 2> appears at the top-right corner of the item's background layer:

See important example at the <Item Background Image 1> property that describes how the background images canbe used to deliver stylish effects. Note: Do not use filenames that contain spaces (always use "my_image.gif" or "myimage.gif" instead of "my





Property: Item Size (version Pro only)

Sets a minimum width or height for the Item's background area, excluding border size. The default "Auto" value means that the item's size is determined by its content and that it is not forced to specific values. For example, the item below uses no images and no <Item Padding> or <Item Horizontal Margin>: If we want to enforce a larger width on this item, we can change the "Minimum Width" value to "100". The resulted item willbe the following: Note that we refer to minimum width and height. This is because the actual item's size depends on other factors too, thatmay enlarge the minimum value. For example, the existence of a second item with larger text in the same group will causethe width to be larger than the one specified:

Finally, note that the borders are not counted when determining the actual item's size. This means that if the <Item Size> is"100,100" and the item uses a border with a size of 2 pixels, the actual item size will be 102,102 pixels. Values: "auto" or numbers in pixels Applies to: Item Type: Style Property

AllWebMenus Help Property: Item Size


Property: Item Foreground Image (version Pro only)

Displays an image on the Item provided that the <Item Image> property is left blank.

- You can use the Image Placement option to specify the relative positioning between the image and the item's text orchoose to display the image only.

- You can use the Image Margin option to specify margins on the image, allowing you to choose any white space you likeat its sides.

This property can be used to create styles that have bullets or arrows next to the item text. Since the <Item ForegroundImage> is not a content property (like the <Item Image>), this image will be shown next to the text in all items using this style. Important Note: The <Item Foreground Image> is not shown if the <Item Image> content property is also used. Note: Do not use filenames that contain spaces (always use "my_image.gif" or "myimage.gif" instead of "my


Values: An image file of the .gif, .jpg or .png type Applies to: Item Type: Style Property See alsoItem Image

AllWebMenus Help Property: Item Foreground Image


Property: Item Floating Image (version Pro only)

Displays a floating image above the item's layer. - The advantage of a "floating image" is that it appears above the item's layer, which means that it may also exceed theitem's area. - For example, you can simply decorate your website menu for Christmas by just adding a "floating image" on the items youwant and for any state (Normal, Mouse Over or Mouse Click):

This can create interesting styles that show an image floating on the side of items. If you want part of the image to show outside the item’s Group (like the example shown on above screenshot), pleasemake sure that you do the following: - the Group <Opacity> is 100% (otherwise Internet Explorer does not display this part of the image).- the Offsets have negative values. Note: Do not use filenames that contain spaces (always use "my_image.gif" or "myimage.gif" instead of "my


Values: An image file of the .gif, .jpg or .png type Applies to: Item Type: Style Property See also:Style Properties

AllWebMenus Help Property: Item Floating Image


Property: Item "Has Submenu" Image (version Pro only)

Adds an image to the item to emphasize the existence of a child submenu group. The image is always positioned at the right of the Item's content.

The <"Has Submenu" Image> Appearance option lets you choose whether the image shows only when an actual submenuexists on the item or always. This option gives great flexibility when creating styles. Note: Do not use filenames that contain spaces (always use "my_image.gif" or "myimage.gif" instead of "my


Values: An image file of the .gif, .jpg or .png type Applies to: Item Type: Style Property See also:Style Properties

AllWebMenus Help Property: Item "Has Submenu" Image


Property: Item Cursor (version Pro only)

Allows you to change the shape of the cursor when the mouse passes over the item. Auto displays a "hand" cursor when the <Link> property is filled. In that way, it automatically shows that the item has a linktowards a web page. Values: a cursor selection from a list of supported cursors Applies to: Item (on [Mouse Over] state only) Type: Style Property

AllWebMenus Help Property: Item Cursor


Property: Item Tooltip Style (version Pro only)

Allows you to change the style of the tooltip that appears when the mouse passes over the item (replaces the browser'sdefault style to a more attractive/usable one).

The "Tooltip Style" property offers an easy integration between your menu and tooltips produced with with the separateLikno Web Tooltips Builder product (in order to create/compile the tooltips you need to have a license of that software too). How?

1.In Likno Web Tooltips Builder, compile and link your tooltip project to the page(s) where your menu appears. 2.Copy the name of your tooltip project, as shown here:

3. In AllWebMenus (build #810 or above), load your menu project.

4.Select the menu items or item styles that you want to show the custom tooltip (instead of the default one), and paste

the above value to their <Tooltip Style> property:

AllWebMenus Help Property: Item Tooltip Style


5.This is all you need to do. Just make sure that the compiled tooltip project is also linked to the web page where yourmenu appears. In pages where the tooltip project is not linked, the default browser tooltip is shown instead.

Example: If you want all your menu items to show the appearance of a custom tooltip, named "Tooltip_1", you should enterthis value at the <Tooltip Style> property in all 3 item styles: Main Items Style Sub Items Style Sub Items Style+ Note that the Likno Web Tooltips Builder project is used to change the style (appearance) of the menu tooltips, NOT theircontent.

Otherwise, all tooltips of all menu items would show the same content, which is not a desirable feature. Each menu item (inAllWebMenus) has a different "Tooltip" value to show.

Example:



Do not forget that both your menu and tooltip projects (.js files) should be linked to the page, otherwise the menu will not beable to locate the tooltip on page and the default browser tooltip will show instead.

Notes:

- View an online example of a menu that uses tooltips - View a video on how to use this feature!

- The tooltip style cannot be shown within the AllWebMenus "Menu Preview" pane (as this requires external files), but it willbe shown on your actual pages (provided that the tooltip project exists there). - If you use more than one tooltip in your page, make sure that you give different names to these tooltips, otherwise you willhave a conflict. Values: "Default" OR a tooltip name specified by a "Likno Web Tooltips Builder" project.

Applies to: Item (on [Mouse Over] state only)



Type: Style Property



How Do I...

· Find my Installation ID· Purchase/Activate· Use AllWebMenus with my favorite Web Authoring tool· Link menus to FrontPage Shared Borders· Position the menu relative to a page element· Specify which pages contain a menu, using the FrontPage interface· Use multiple menus on the same page· Optimize menus to improve building speed· Create a Site Map out of my menu structure· Replace the default right-click menu used by the browser· Import a FrontPage Navigation Structure into AllWebMenus· Make my submenus appear *in front* of Flash Objects, Java Applets or Select Boxes· Make my menus appear under modal boxes, slideshows, lightbox dialogs, etc.· Show a specific item (or submenu) as selected (highlighted) when loading the page· Use my designed menu on my web pages· Create a transparent menu· Make items look like buttons· Transfer a style to other elements· Transfer a submenu group to another parent item· Setup the Compile Properties of an older version awm project· Customize a menu with "sliding" submenu groups

AllWebMenus Help "How Do I" List


Find my Installation ID

In order to activate your AllWebMenus license you need to login to your Likno User Area and provide us with the uniqueInstallation ID of your current installation. Your Installation ID can be found at the "Help -> Enter Activation Code" option of the application menu, as shown below:

AllWebMenus Help Find my INSTALLATION ID


Purchase/Activate

The unregistered, non-activated installation allows you to try the entire feature set of AllWebMenus within the PreviewPanel (the "Compile" and "Link" commands are disabled). Activating AllWebMenus allows you to use your fully-functional menus without restrictions. Step 1. Purchase AllWebMenus

· Access the online registration page by choosing the AllWebMenus menu option "Help -> Purchase AllWebMenus" · Click on your preferred method of payment and enter the necessary info in the order form

You will soon receive an e-mail containing instructions on how to get the Activation Code that unlocks your application. Step 2. Activate your Installation

· Choose the AllWebMenus menu option "Help -> Enter Activation Code"·· Enter your Activation Code

You will need to have "Full Admin rights", read how here. Following these simple steps you will be a registered user and you will be able to take full advantage of theAllWebMenus features.

Methods of paymentThere are many flexible payment options:

· Credit Card Orders (all major credit cards accepted)· Phone Orders (toll-free)· Mail Orders (pay by check)· Fax Orders· Purchase Orders

All on-line transactions are protected by an extremely high level of encryption, the highest allowed by law.

Note:Since version 5.1.730, we can send a special Activation Code (upon request) that allows you to use the "Compile" and"Link" commands. This special Activation Code allows you to compile menus that can be tested under the following conditions:

- with random scrambled text on some items (instead of the actual text)- using an encrypted and larger file (almost double) than the licensed one (which is optimized in size)

None of the above conditions prevents you from actually testing the entire feature set and cross-browser functionality of yourmenus. You will be able to realize all features at their full extend and decide whether the product fits your needs or not.

AllWebMenus Help Purchase/Activate


Use AllWebMenus with my favorite Web Authoring tool

AllWebMenus collaborates with all the common Web Authoring tools. In order to find out how your favorite authoring toolintegrates with AllWebMenus please visit our special on-line section at http://www.likno.com/web_authoring_tools.html Note: as "Web Authoring tool" we mean any tool used to create, edit and maintain web sites, such as Dreamweaver,FrontPage etc. We have also created special integration with the following Authoring Tools:· Dreamweaver (free Extension) more info online· FrontPage (free Add-In) more info online· NetObjects Fusion (free Component) more info online

AllWebMenus Help Use AllWebMenus with my favorite Web Authoring tool


Link menus to FrontPage Shared Borders

This topic is described in detail at the "Compile Properties, FrontPage Support" help topic.

AllWebMenus Help Link menus to FrontPage Shared Borders


Position the menu relative to a page element

This topic is described in detail at the <Positioning> help topic.

AllWebMenus Help Position the menu relative to a page element


Specify which pages contain a menu, using the FrontPage interface

In FrontPage, the HTML code that produces the navigation menu is inserted into the Bottom Shared Border. Therefore, thenavigation menu shows up in all pages containing the Bottom Shared Border. If you are using the FrontPage Add-in, the following actions take place when pressing the "Tools -> Generate Menu"command: 1. The navigation menu is compiled into your Web's folder.2. The menu is linked into your Web's Bottom Shared Border.3. The first time that the menu gets generated, the Bottom Shared Border option is added to all pages that are part ofyour Web's Navigation Structure. Note that action [3] takes place only the first time that a menu gets generated. In addition, action [3] does not apply themenu to all your pages but only to those pages that are part of your Navigation Structure. At this point, you can manually select the additional pages where you want the menu to show up by simply adding aBottom Shared Border to them too. To do so, just open these pages, select "Format -> Shared Borders" and check theirBottom Shared Border box, as shown below:

If you want to apply the menu to all your Web pages with only one move, you can simply check the "All pages" radio box. See alsoHow Do I, Position the menu relative to a page element

AllWebMenus Help Specify which pages contain a menu, using the FrontPage interface


Use multiple menus on the same page (version Pro only)

You can use more than one menu on the same page if you compile and link these menus with different names. Example:1. Compile menu1.js and link it to the page2. Compile menu2.js and link it to the page Two menu-linking code sections will be created inside the html of the page. One for menu1.js and a different one formenu2.js (the order is not important). How it works:Let's say that you want to link a menu called "menu3.js" to a page. These are the actions taken place by AllWebMenus: Does the menu-linking code already exist for "menu3.js"?Yes Replace the old menu-linking code with the new oneNo Insert a new menu-linking code for "menu3.js" into the page Comments:It is obvious from the above example that an additional menu will not be added in your page if its name already exists insidethat page. So, you need to be careful not to use the same name for different menus even if they are located in differentdirectories. Multiple menus can take advantage of the "Tools -> Project Properties -> Compile Properties: Folders" capability so thatcommon folders are used for the menu-building libraries and images (eg: awmdata). You should not to use images with same names among different menus as they may override each other (unless you keepthe default setting of having different subfolders for the menu images). You can have as many menus as you like inside the same page but you should be careful not to over do it, as performancemay be affected. See alsoCompile Properties: Folders

AllWebMenus Help Use multiple menus on the same page


Optimize menus to improve building speed and fix IE6 issues

Here you can specify 2 different options: - "Ignore [Mouse Click] values to gain menu-building speed" option:

There are two optimization techniques you may want to know when designing your menus: Technique 1:You can increase the menu-building speed if you use the same appearance in both the [Mouse Over] and [MouseClick] Item States. This is possible if you check the "Ignore [Mouse Click] values" option inside the Optimization tab, found at: Tools-> Project Properties -> Compile Properties-> Optimization In most menu designs, clicking on an item just opens a page inside the same window. Therefore the [Mouse Click] statewill only be observed for a second or so. In these cases, checking the "Ignore Mouse Click State" box can be a verygood idea. On the other hand, if you have medium-sized menus that appear very quickly you may not want to lose the flexibility of a3rd item state. Obviously, there is a performance/features tradeoff here and you are able to choose what fits you best. Note: If you want to use this optimization technique for your final, compiled menus, it is important that you keep therespective box checked prior to compilation. Technique 2:As a general rule, prefer to create more submenus with a few items (no more than 12 or 15) than create less submenuswith a lot of items.

- "IE 6 fix on select boxes" option:

This is a feature that solves a bug of Internet Explorer 6 (only) when select boxes (combos) exist on page. It appears that Internet Explorer 6 shows select boxes (combos) above submenus by default, something that does notoccur on any other browser.

In that case you should check this option, which adds special code in the compiled javascript menu to cure the problem.You have 2 options to choose from: - The "Hide Fix", which automatically hides the select box when a submenu "intersects" its area. (recommended fix) - The "IFRAME Fix", which uses an IFRAME to solve the problem without hiding the select box when a submenuintersects its area.This option has two small inconveniences: It may cause a small delay in very large menus and may show a harmless"warning" if you use it on HTTPS secure websites.

You could alternatively move the combo boxes from the area where the submenus appear. If this is not feasible by yourdesign check the related option and the problem will be fixed.

AllWebMenus Help Optimize menus to improve building speed


Create a Site Map from my menu structure (version Pro only)

This topic is described in detail at the "Command: Create a Site Map" help topic.

AllWebMenus Help Create a Site Map from my menu structure


Replace the default right-click menu used by the browser

You can replace the default right-click menu of your browser with your own menu! Just be aware that this feature is supported by IE 5+, NS 6+ and Mozilla 1+ browsers only. In older browsers the defaultbrowser menu will appear instead. To use this feature please follow the instructions below: • First, you should not forget to set the <Positioning> property to "Manually Trigger Groups as popup menus" before youcompile the menu. • Compile the popup menu (eg: as popup_rightclick.js) and link it to your HTML page. • Open your web page(s) and include the following HTML code in the HEAD section (between the <head> and </head>tags): <script>function awmShowMenu(x,y,z,v){}document.oncontextmenu = rightclickmenu;function rightclickmenu(e) {if (document.all){awmShowMenu('rightCLICK',event.clientX+document.body.scrollLeft,event.clientY+document.body.scrollTop); returnfalse;}if (navigator.userAgent.indexOf('Gecko')>-1) {awmShowMenu('rightCLICK',e.pageX,e.pageY); return false;}}</script>

AllWebMenus Help Replace the default right-click menu used by the browser


Import a FrontPage Navigation Structure into AllWebMenus (version Pro only)

This topic is described in detail at the "Command: Import FrontPage Navigation Structure" help topic.

AllWebMenus Help Import a FrontPage Navigation Structure into AllWebMenus


Make my submenus appear *in front* of Flash Objects, Java Applets or SelectBoxes

"My submenus appear under Select (Combo) Boxes, Flash Objects or Java Applets. Note that my "Z-Index" property (eg: 1000)has a larger value than the z-index value of these elements. Is there something else I can do about that?"

While the "Z-index property" works for most "layered" page elements, special handling is needed for the following elements(objects): Flash Objects appearing above submenus Flash objects are considered to be "windows" on top of the browser and this is why they cover the submenus by default. This can beeasily changed however. The solution is to add the transparent parameter inside your Flash object definition, as shown on theexample below:

<script type="text/javascript">AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width', '511', 'height', '250', 'src', 'ad2', 'quality', 'high', 'pluginspage', 'http://www.macromedia.com/go/getflashplayer', 'movie','ad2', 'wmode','Transparent' ); //end AC code

</script><noscript>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="511"height="250"><param name="movie" value="ad2.swf"><param name="WMode" value="Transparent"><param name="quality" value="high"><embed src="ad2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="511" height="250" wmode="transparent"></embed></object>

</noscript>

By adding the transparent parameter on the three locations above, the submenus will always appear above Flash objects on allbrowsers. ALSO: Read online about the 2 distinct methods to embed Flash Player content using SWFObject (a commonly used JSlibrary for instan a ng Flash objects universally) Select Boxes (combo boxes) appearing above submenus (IE6 problem only)

This happens in Internet Explorer 6 only (old now). The solution is given by the "IE 6 fix on select boxes" option at the "ProjectProperties -> Optimization" form.

AllWebMenus Help Make my submenus appear *in front* of Flash Objects, Java Applets or Select Boxes


Java applets appearing above submenus Java applets appear as windows on top of the browser. For Internet Explorer, you can show menus above java applets automatically if you choose the "IFRAME Fix" option at the "ProjectProperties -> Optimization" form. For non-IE browsers you need to use the awmhidediv() and awmshowdiv() commands on the <Javascript Command onAppear> and <Javascript Command on Disappear> properties of the particular submenus that are covered by the applet. You needto make some additions inside your HTML for this solution to work. The non-IE browsers solution has the following steps:

Step 1 - Editing the HTML page:

- Open your web page in an html editor. - Insert the id="awmflash1" parameter in the <applet> tag. For example: <APPLET code="Bubbles.class" id="awmflash1" width="500" height="500">Java applet that draws animated bubbles.</APPLET> If you have more than one applet to hide, then you should use the following strict order for their IDs:id="awmflash1"id="awmflash2"id="awmflash3"...etc., always starting from "1", in ascending order and without any gaps.

Step 2 - Editing the .awm file:

- Open your .awm menu in AllWebMenus - Select the submenus that are covered by the applet when they appear. Only 1st level submenus need to be selected(submenus of Main Menu items) - Enter the following value in their <Javascript Command on Appear> property:awmhidediv(); - Enter the following value in its <Javascript Command on Disappear> property:awmshowdiv(); This solution makes the applet disappear when the submenu appears, and vice versa, so that the correct element is always ontop. It is obvious that you first need to identify which submenu or submenus conflict with the applet, so that you can use theproper values in the respective Javascript Commands. Apparently, the solution works best when the menu is static, i.e. the<Menu Floats on Scroll> property is set to "No".

See also:Make my menus appear UNDER modal boxes, slideshows, lightbox dialogs, etc. (opposite problem)

AllWebMenus Help Make my submenus appear *in front* of Flash Objects, Java Applets or Select Boxes


Make my menus appear *under* modal boxes, slideshows, lightbox dialogs, etc.

"My menus appear above modal boxes, slideshows, lightbox dialogs, etc. Is there something I can do about that?"

Yes, just change the "Z-Index" property of your AllWebMenus project to a lower value than the z-index value of the modalelement you are using:

If you do not know the z-index value of the modal box, just experiment with different values in AllWebMenus (like "zero"). Justmake sure that changing this value does not cause your submenus appear under other page elements with higher z-indexvalue (if any). See also:Make my submenus appear ABOVE Select Boxes and Flash/Applet Objects (opposite problem)

AllWebMenus Help Make my menus appear *under* modal boxes, slideshows, lightbox dialogs, etc.


Show a specific item (or submenu) as selected (highlighted) when loading thepage

There are 3 options to achieve this:

Option 1 (automatically, based on URL, for item highlighting only) Option 2 (manually, standard item/group, for both item and group highlighting) Option 3 (manually, custom item/group per page, for both item and group highlighting)

Read the help section of the <Show Item or Group on Appear> property on how to use these options.

AllWebMenus Help Show a specific item (or submenu) as selected (highlighted) when loading the page


Use my designed menu on my web pages

To use a menu in your web pages you must take the following four steps: Step 1. Compile the menuStep 2. Link the compiled menu to your web pagesStep 3. Upload the necessary menu filesStep 4. Upload the web pages that contain the menu link The previous steps are needed for the creation of a new menu which is not linked to your web pages. Not all steps areneeded for the following common objectives: SituationMenu is already compiled and uploaded Web pages are already linked to the compiled menu and uploaded Objective 1Update the menu (apply a different appearance or add new items)Steps needed1 & 3Steps not needed2 & 4 (because the pages already contain the link and are uploaded) Objective 2Add the menu link to additional web pages (eg: newly created ones)Steps needed2 & 4 to the new pages onlySteps not needed1 & 3 (because the menu remains the same) See alsoCompile MenuLink Compiled Menu to Web Page(s)

AllWebMenus Help Use my designed menu on my web pages


Create a transparent menu

Set all background colors to "None".Set all background images to "No Image". Optional: Set all border styles to "none".

AllWebMenus Help Create a transparent menu


Make items look like buttons

Use a different Border style/width in the different item states.Eg: Use "solid" in Normal item state and "inset" in Mouse Over item state.

AllWebMenus Help Make items look like buttons


Transfer a style to other elements (version Pro only)

1. Select the element (group or item) with your preferred style2. Copy the element (Ctrl+C)3. Select the element to which the style properties should be transferred4. Paste all style values there (Ctrl+A) Repeat steps 3-4 to "paint" more elements with your preferred style.

AllWebMenus Help Transfer a style to other elements


Transfer a submenu group to another parent item

1. Select the submenu group2. Cut the submenu group (this applies to its children too)3. Select the new parent item4. Paste the submenu group

AllWebMenus Help Transfer a submenu group to another parent item


Setup the Compile Properties of an older version awm project (version Pro only)

We advice that you read the Compile Properties -> Folders help section before reading this section so that you canunderstand the concepts easier here. This section will help you understand how a v3.x (or older) project is automatically migrated to version 4. Let's assume that you open a v3.x project that was compiled as:

C:\My Site Root\mymenu\navmenu.js The project has the following properties stored within:

Libraries Folder: awmData-navmenu (default for navmenu)Images Folder: awmData-navmenu (default for navmenu)

When opening this project with version 4, the migration process populates the related properties with the following values:

Site_Root folder: C:\My Site RootCompiled menu name: navmenu (custom) In Advanced Options:Compiled menu subfolder: mymenu (custom)Menu libraries subfolder: awmData-navmenu (custom)Menu images subfolder: awmData-navmenu (custom)

In v3.x and below, the Compiled menu name was specified every time the "Compile Menu" command was executed. Inversion 4, the Compiled menu name is part of the Compile Properties and defaults to "menu". When opening an older.awm project with version 4, AllWebMenus finds the compiled menu name which is stored in the project and uses thisautomatically as a "custom" Compiled menu name. The same applies if the compiled menu is located at a subfolder of thesite root. In this case, the Compiled menu subfolder property is also getting a "custom" value that shows this subfolder. In v3.x and below the Site_Root folder was not specified. In version 4 this property is very important as it is used to assessthe relative path of the pages specified in the <Link> property. Be careful to specify the correct Site_Root folder, asAllWebMenus will automatically convert all <Link> properties so that they take into account the relative path to the site root(Site_Root folder). See also:Compile Properties -> Folders

AllWebMenus Help Setup the Compile Properties of an older version awm project


Customize a menu with "sliding" submenu groups (version Pro only)

Note: You need to purchase the "Sliding Menu Add-in" in order to use this additional feature to AllWebMenus. A submenu group can appear either as "drop-down" (non-sliding) or as "sliding". A sliding submenu group pushes the items of its parent group downwards when opening. In the same manner, it pulls theseitems upwards when it closes. Menu with Drop-Down submenus (default):

Menu with Sliding submenus:

AllWebMenus Help Customize a menu with "sliding" submenu groups


How to setup a sliding submenu: Choose a submenu group or style (note: Main Menu cannot be "sliding" itself) and select its <Type> property:

Click the property button, make it "vertical" and select the "Sliding" option:

Edit the related options to further customize the sliding behavior of the selected group (or style) as you wish and you aredone.You may also browse for sliding menu themes at Theme Pack 37 and above. Important notes on the "sliding" feature: - A vertical group behaves as sliding only if the parent group is also vertical (otherwise the vertical "sliding" effect has nomeaning). If the parent group is horizontal then the group behaves as non-sliding (drop-down), even if its "sliding"option is checked. - The "more options" settings (i.e. multiple columns, scrollbar) are not effective if at least one item of the group has a slidingsubmenu. - Do not use a <Link> (URL) in the child item, otherwise the linked URL will open instead of the sliding submenu. - The following group properties are affected when the "Sliding" option is selected on a submenu group: Appears - Where & Appears - Aligned with

The values of the above properties are completely ignored by the sliding submenu groups (but they still affectany existing "drop-down" submenus). Instead, the sliding submenu groups use their own properties for their appearance inside their "Sliding" tab (seeimage below).

Appears - How & Disappears - How

The values in the above properties are also ignored by the sliding submenu groups, except of the "SpecialEffects" values that are effective on both "sliding" and "drop-down" submenus. Note: Choose either "mouse click" or "mouse over" through the "Appears" field inside the Type's "Sliding" tabinstead.



- Concerning the "Push (or pull) page content" option:

This option is effective only when you position your menu relative to an Element or Image (not Window):

Every time the Main Menu expands (due to its sliding submenus), the positioning element that is associated with themenu (through the Anchor ID) will increase its height accordingly. In that manner the menu "pushes" the page content.When a sliding submenu closes, the height of the element decreases accordingly so that the Main Menu "contracts"and the page content is pulled back. If you want to use this option, it is better that you use an invisible element for positioning (empty DIV, SPAN, 1x1transparent image etc.) so that it will not break the appearance of the page when increasing/decreasing its height.The same applies when using an image for positioning. Notes:- Avoid using a <TD> as the attached element of a sliding menu. Use a SPAN or DIV inside the <TD> instead.- If the element is within a <TD>, you may want to add the valign="top" to the parent <TD> tag so that you do nothave cross-browser issues. You may also find an example on how this works at the "Live Example" link of the <Type> property.

- Concerning the "Ignore the <Link> value of parent items" option:

This option is by default checked. It is useful when you want to show a sliding submenu when clicking on its parent item, but this item has a page linkon its <Link> property. If you do not ignore the <Link> value, the "click" action will result in opening the new page (and therefore movingaway from your current page). If you wish to have this result (combining it with the "Remember the menu state" option), then uncheck this option.



all web menu help

Documents