In this presentation you can see all the Menu Positioning settings you can have in AllWebMenus Pro. This way you can understand how you can position a menu you have created in AllWebMenus Pro and be perfectly placed in your webpages. AllWebMenus Pro is a powerful WYSIWYG application for creating any type of JavaScript/CSS menu (such as horizontal drop down menus, vertical menus, sliding menus, responsive menus, mega menus, floating menus, popup menus and many more). The menus produced in AllWebMenus are going to perfectly work across all browsers, platforms, devices, editors and CMS. The most important is that it requires absolutely no coding skills, as the application handles all the code needed.

1. How to position a menu in
AllWebMenus Pro
www.likno.com

2. AllWebMenus Pro is a powerful WYSIWYG application for creating stunning
JavaScript/CSS menus. It requires no coding skills as the application handles all the
code needed.
www.likno.com

3. You can choose from among a wide range of menu themes/templates/examples
that come with the application to create your own menus.
www.likno.com

4. With AllWebMenus Pro you can create any type of menu, such as horizontal
drop down menus, vertical menus, sliding menus, responsive menus, mega
menus, popup menus, floating menus and many more.
www.likno.com

5. All the menus produced by AllWebMenus Pro are going to perfectly work in
all browsers, platforms and devices.
www.likno.com
They work alike in all Editors (like DreamWeaver, Microsoft Expression Web,
Net Objects Fusion, CoffeeCup and more) and all CMS (such as WordPress,
Joomla, Drupal, DotNetNuke and more).

6. In this presentation we are going to show you how you can position a menu
you have created in AllWebMenus Pro.
There are 2 main positioning options:
1. Automatically show Main Menu on page load
1.1 Relative to Window
1.2 Relative to an Element
1.3 Relative to an Image
2. Manually trigger Main Menu or any Group on user action
2.1 On Mouse Over event
2.2 On Mouse Click event
www.likno.com

7. In order to access the Menu Positioning settings you need to click on the
“Menu Positioning” button on the top area of the application.
www.likno.com
Alternatively, you can click on “Global Properties” button which is in the top
area of AllWebMenus and then click on Positioning.

8. The first choice is “Relative to Window” which means that the menu will be
positioned relative to the browser window.
You are able to select the Window Anchor, which means that you can set where the
menu will be positioned relative to the Window.
Then you can set the Horizontal Offset (Offset X) and the Vertical Offset (Offset Y).
www.likno.com

9. The second choice is “Relative to an Element” which means that the menu will be
positioned relative an element you specify.
This element should exist in your page so that the menu can be displayed.
www.likno.com

10. On the Element Anchor ID you are able to leave the Default ID or specify your own by
selecting the Custom and typing your element’s ID.
You can set the Element Anchor and the Menu Anchor so that the menu will be
positioned exactly the way you want it.
Then you can set the Horizontal Offset (Offset X) and the Vertical Offset (Offset Y).
www.likno.com

11. The third choice is “Relative to an Image” which means that the menu will be
positioned relative an image you specify.
The image you select to be the menu positioning image should exist in your page so
that the menu can be displayed.
www.likno.com

12. You need to type the image name on the “Image Filaname” field.
You can set the Image Anchor and the Menu Anchor so that the menu will be
positioned exactly where you want it.
Then you can set the Horizontal Offset (Offset X) and the Vertical Offset (Offset Y).
www.likno.com

13. The second positioning method is to
“Manually trigger Main Menu or any Group on user action”.
www.likno.com

14. First, you can select which Menu Group you want to be used as a popup menu.
www.likno.com

15. Then, you can select the Trigger Event.
It can be either “On Mouse Over” or “On Mouse Click”.
www.likno.com

16. The following step is to select the Positioning Element.
You have 2 choices: either to select “The same element that triggers the popup menu” or
to select “Another element, with this ID” and type the ID of that element.
Note, that this element should exist in your page in order for the menu to appear.
www.likno.com

17. The next step is to select the Element Anchor and the Group Anchor.
You can also set the Offset X and Offset Y.
www.likno.com

18. When you have finished with all the settings you can click on the “Copy” button.
Then, go to your page and paste the code to your page.
You could paste that code to a link or an image for example, so that on the trigger
event you have set the menu should appear.
www.likno.com

19. Visit
www.likno.com
for more information
www.likno.com