Likno Software Blog – Drop-Down Menus, Javascript Menus, DHTML Menus

Hey everybody,

We have released a new version of AllWebMenus Pro: Version 5.3 build #866.

Check out What's New:

- Improved iPhone support. Now if you "touch" an item with an open submenu, the submenu closes.

- Improved the behavior of "floating menus" so that their movement does not appear flickering.

- In "Link Compiled Menu..." the filetype dropdown box now remembers the last user selection.

- Added the ability to change the Start Menu group during the installation.

- Fixed an issue where the "Advanced Floating" feature with the "Instantly" option did not work properly. Also, changed the behavior so that if the "Floating Movement Ends" object doesn't exist in the page, the floating ends at the end of page.

- Fixed an issue where a warning appeared related to an "aRsF function" (Safari only).

- Fixed an issue where the "Unfolding effect" did not clip subgroups as it should (Opera 11+ only).

- Fixed an issue where the Generic Sitemap did not work properly. Also the default view changed.

- Fixed an issue where a group didn't appear on mouse over of parent item, if this item was auto highlighted without opening the group automatically on page load.

- Server-Side menus set to have "cursor: auto" now have "hand" instead of "arrow" for all dynamic items.

Download the new version at http://www.likno.com/download.html

Hello everybody!

We wanted to inform you that we have released the latest version of AllWebMenus Pro - version 5.2 Build #794.

It includes some fixes and improvements that enhance the program's functionality:

- Fixed an issue related to specific offsets for Opera.

- Fixed an issue where items with submenu image would affect the total width of a horizontal menu.

- Fixed an issue where "mailto:" links did not work correctly in IE.

- Added an option for "Automatically open last edited project when opening AllWebMenus" in the "File" menu.

You can download the latest version at:
http://www.likno.com/download.html

Enjoy!

AllWebMenus Pro has the "Link Target" property. This property specifies the frame, iframe or window where the page specified by the "Link" property (of the menu item) opens. The image below shows the various options of the "Link Target" property.

If you choose option "_blank" the page specified by the "Link" property of the menu item will open in an new browser window. You can define the properties of the opening window selecting the option "use parameters". Then you have to click on the "use parameters" option and a window like the image below will appear and will allow you to customize the browser window.

A lot of customers that are using the Sliding Menus add-in of AllWebMenus Pro, define their DHTML menus in such a way where the menu system can remember their expanded/collapsed state, when browsing through different pages. For example, when they expand a menu's item, the expanded menu keeps this state after navigating to a different page.

The Sliding Menus add-in of AllWebMenus Pro can easily implement this functionality. You just have to go to the "Style Editor" of your DHTML menu maker and choose the "Sub Groups Style" (or in the "Sub Groups Style+" if you want this functionality to be applied in the menu items that belong to a level greater than two) from the "Available Styles". Afterwards, you have to click on the "Type" property and check the "Remember the menu state..." option as shown in the image below:

If you want this setting not to be applied globally (i.e. you want your menu system to remember the expanded/collapsed state for some of your menu items and not for all), you must use the "Menu Editor" and not the "Style Editor". Then you have to choose each item you want to have this behavior, click on the "All Values" button and define its "Type" property as shown above.

When you position a DHTML  menu built by AllWebMenus Pro relative to an element (usually in a <td> element), you might observe a small difference in the menu's placement. It might be some pixels further away than it is in IE6,7 or Firefox (e.g. usually it is in a lower position in IE8, Chrome or Safari, than it is in IE7, Firefox etc). This is caused due to the different way IE8, Chrome and Safari render the content of a table’s cell (<td> element).

IE8, Chrome and Safari vertically align the content of a table's cell in its center, whereas all the other browsers align it on the top and that's the reason you observe a difference in the placement of the DHTML menu in your page. To overcome this issue, you just have to add the attribute valign="top" in the element you have positioned the menu and you will get the required functionality.

For example if you want to  place your menu in a <td> element instead of the following:

<td id="awmAnchor-menu">&nbsp;</td>

you have to use the following:

<td id="awmAnchor-menu"valign="top">&nbsp;</td>