Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.

Support Case Month: March 2012
Initial Email Subject: Menu displaying on ipad

Initial Email From: Harvey

Reply From: Likno Customer Support

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.

Initial Email From: Diane,
Initial Email Subject: Populating menu through UL/LI items
Support Case Month: March 2012

I am unable to get the menu to display at all using the CSS Menu/populating menu using UL/LI option.  Menu compiles and works fine using default menu structure.  I want the menu to be able to be used/viewed on smart phone but I am getting an error message.

Reply From: Likno Customer Support

Hello,

The problem is that you are using a UL/LI list generated from a JavaScript Menu to populate a CSS Menu.

Specifically there are two things that cause a problem:

1) The UL/LI has “display: none;”. As such the menu will never show.

2) Item 2.1 does not have a link, and all items are required to have a link (even if empty).

Both of these have also been fixed on our side and the fixes will be included in the next AllWebMenus release (in a couple of days). Until then, you can simply fix these two things in your menu structure if you want to see the CSS.

Example of fixed UL/LI code:

                                <ul id="awmULLI-menu">

                                                <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><a href="#">Item 2.1</a>

                                                       <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>

Regards,
Kostas
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Hello!

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

Check out What's New:

- Added the "Batch Compile of Multiple Projects" feature.

- New Joomla Add-In for full compatibility with Joomla v2.5 (supports access levels in menu items).

- New AllWebMenus WordPress plugin 1.1.12 for better compatibility with WordPress 3.3.1.
http://wordpress.org/extend/plugins/allwebmenus-wordpress-menu-plugin/changelog/

- Fixed an issue where the width of a menubar was not calculated correctly.

- Fixed an issue in CSS3 menus when list (li) items did not have a link.

- Fixed an issue where the "Has Submenu Image" was vertically aligned at top when vertical-align:top was declared in CSS.

- Fixed a case where the menu did not appear properly in Opera, when certain conditions occurred.

- Fixed an issue with the Joomla Plugin (database related).

- Fixed an issue of the Theme Gallery: when moving from one theme to another, their images were not refreshed properly.

All features here: http://www.likno.com/allwebmenusinfo.html

Download the new version of our CSS menu builder at http://www.likno.com/download.html

Hello!

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

Check out What's New:

- Added support for menu population based on the "1st UL/LI structure found in page". In that way, the id="awmULLI-menu" attribute does not need to be added to the parent UL element, as long as the menu UL/LI structure is the 1st found in page (or the only one).

- Joomla 2.5 is now fully supported. New Joomla Component (v1.1.15) is also released for Joomla 2.5.

- Added full support of CSS Menu and UL/LI Menu implementations for Joomla, WordPress and Drupal.

- Enhanced the iPad behaviour, by allowing a menu item that has both a link and a submenu to open its submenu with one tap and then also open its link with another tap.

- Optimized the menu CSS so that the menu is not affected by some global CSS values declared in the website’s CSS.

- Improved the "Server Side" menus loading after page load.

- New version of all "Server Side" related products ("WordPress menu", "Joomla Menu", "Drupal Menu", etc.).

- Fixed an issue regarding Sliding Menus in IE9 (which also affected their Preview).

- Fixed an issue regarding the conversion of v3 projects to v5.

- Fixed an issue where the items in a group with a scrollbar did not appear correctly, when the content of the group was scrolled (Chrome only).

- Fixed an issue where compiling for Drupal or WordPress did not work on certain cases.

All features here: http://www.likno.com/allwebmenusinfo.html

Download the new version of our CSS menu builder at http://www.likno.com/download.html

Hello!

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

Check out What's New:

- New "CSS Menu" Genre option. Contrary to the "Javascript menu", the "CSS menu" implementation is designed so that:

• it is Section 508, WCAG, WAI, DDA compliant (accessible menus required by certain governmental agencies in US, UK, Australia),
• it uses "lighter" code, due to the less features it supports (lack of submenu opening/closing effects etc.),
• it is still functional when the javascript is disabled on the browser (degrades gracefully and still functions as a menu).

The above advantages come with a cost: some features and options of the feature-rich "Javascript menu" implementation cannot be supported by CSS. These differences are documented at the related AllWebMenus Help Topic on "Menu Genre", or here in PDF:

http://www.likno.com/downldd/AllWebMenus_Manual.pdf#page=48

- Fixed an issue for iPad related browsers where the "Menu Floats on Scroll" feature was not working properly.

- Fixed an issue with the application freezing when a certain configuration existed.

- Fixed an issue where a border appeared in focused items (Chrome, Safari & IE9 only).

- Fixed a Chrome issue for all "Server-Side" related menus, where the menu images did not load correctly after a back or forward of the page.

All features here: http://www.likno.com/allwebmenusinfo.html

Download the new version of our CSS menu builder at http://www.likno.com/download.html