how to position a javascript/css menu in allwebmenus pro
DESCRIPTION
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.TRANSCRIPT
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
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
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
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).
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 load1.1 Relative to Window1.2 Relative to an Element1.3 Relative to an Image
2. Manually trigger Main Menu or any Group on user action2.1 On Mouse Over event2.2 On Mouse Click event
www.likno.com
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.
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
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
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
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
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
The second positioning method is to “Manually trigger Main Menu or any Group on user action”.
www.likno.com
First, you can select which Menu Group you want to be used as a popup menu.
www.likno.com
Then, you can select the Trigger Event. It can be either “On Mouse Over” or “On Mouse Click”.
www.likno.com
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
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
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
